@media all and (min-width: 1030px){

    .portfolio-item .more-info{
        min-width: 1210px;
    }

}



@media all and (min-width: 1001px) and (max-width: 1030px){
    .single-post-slider-holder {
        max-width: 780px;
    }
  
    .single-post-slide-item{
        max-width: 800px;

    }
    .tw-icon-title {

        padding: 50px 0 0px;
    }
    .portfolio-item .more-info{
        min-width: 870px;
    }
    .team-title{
        width: 100%;
    }
    .resume-download:before, .resume-download:after{
        width: 36%;
    }
    .footer-image-item {

        margin: 10px 4px -8px 0;
    }
    .team-holder .hover h3{
        font-size: 17px;
        line-height: 19px;
        height: 22px;
    }
}
@media all and (max-width: 900px){
    .single-post-slider-holder .next-prev-holder {

top: 40%;
}
    .single-post-slider-holder {
        max-width: 650px;
        margin: 7px auto;
    }
    .single-post-slide-item{
        max-width: 680px;

    }
    .hover .social-holder li {
        width: 18px;
        height: 18px;
    }
    .team-holder .hover h3{
        font-size: 13px;
        line-height: 19px;
        height: 22px;
    }
    input.submit{
        font-size: 10px;
    }
    .service-icon-holder i {
        font-size: 60px;
        height: 60px;
        width: 60px;
    }
    .section-slider .logo{
        text-align: center;
    }
    .team-title .tag-line{
        font-size: 15px;
    }
    .team-title h1{
        font-size: 35px;
    }
    .service-icon-holder{
        width: 100px;
        height: 100px;
    }
}
@media all and (max-width: 769px){
    .services-holder:after{
        display: none;
    }
    .service-item.right .service-body{
        margin: 0;
        text-align: center;
    }

    .service-icon-holder {
        margin: 10px auto;
    }
    .service-item {

        text-align: center;
    }
    .resume-download:before, .resume-download:after{
        width: 33%;
    }
    .portfolio-item .more-info{
        min-width: 600px;
    }

    .footer-image-item {
        width: 65px;
        margin: 10px 2px -45px 0;
    }
    .tweet-item{
        max-width: 740px;
        font-size: 18px;
        line-height: 22px;
    }
    .section-purchase h4{
        font-size:20px;
    }
    .team-title{
        width: 90%;
    }
    .team-title h1{
        font-size: 20px;

        padding: 0px 1px;
        line-height: 25px;
    }
    .blog-excertp{
        width: 470px;
    }
    .blog-item {

        width: 620px;
        margin: 00 20px 0 60px;

    }
}



@media all and (max-width: 620px){
    .purchase-holder{
        display: none;
    }
    .testi-item {

        margin: 67px 30px 0 20px
    }
    .blog-item {
        width: 450px;
        margin: 0 20px 0 50px;
    }
    .tweet-item {
        max-width: 540px;
    }
    .section-skill {

        min-height: 720px;
    }
    .blog-excertp {
        width: 370px;
    }
    .portfolio-item .more-info {
        min-width: 440px;
    }
    .team-holder .hover h3 {
        font-size: 22px;
        line-height: 22px;
        height: 27px;
    }
    .team-holder figure{
        width: 49%;
    }

    #portfolio-grid {

        margin: 0 auto 0 50px;
    }
    .service-item.right .service-body{
        margin: 0;
        text-align: center;
    }
.single-post-slider-holder {
        max-width: 550px;
        margin: 7px auto;
    }
    .single-post-slide-item{
        max-width: 580px;

    }
    .service-icon-holder {
        margin: 10px auto;
    }
    .service-item {

        text-align: center;
    }
    .flex-direction-nav .flex-next,.flex-direction-nav .flex-prev{
        top:10px;
    }  
    .services-holder:after{
        display: none;
    }
}


@media all and (max-width: 480px){
    .top-info-bar{
        display: none;
    }
    .single-post-slider-holder {
        max-width: 400px;
        margin: 7px 0 0;
    }
    .section-post .next-prev-holder{
        display: none;
    }
    .single-post-slide-item{
        max-width: 420px;

    }

    .testi-item {

        margin: 30px auto;

    }
    .services-holder:after{
        display: none;
    }
    .more-info-holder {

        margin-top: 30px;
    }
    .portfolio-item .more-info .triangle{
        left: 150px!important;
    }
    .portfolio-item .more-info {
        left: -60px!important;
        min-width: 300px;
    }
    .team-holder .hover h3 {
        font-size: 16px;
        line-height: 19px;

    }
    .section-purchase h4 {
        font-size: 17px;
        line-height: 18px;
    }
    .section-social .social-holder {
        margin: 30px 0 0;
    }
    .mx-link-list li {

        font-size: 12px;
    }
    .footer-column-holder h5{
        font-size: 14px;
    }
    .mx-button-yellow {

        font-size: 13px;

        padding: 11px 20px;
        line-height: 15px;

    }
    .section-purchase h5 {

        font-size: 13px;
        margin: 10px 0 0;

        line-height: 15px;
    }
    .resume-download:before, .resume-download:after {
        width: 23%;
    }
    .section-skill{
        min-height: 715px;
    }
    .blog-excertp{
        margin: 0;
        width: 370px;
    }
    .blog-item {
        width: 370px;
        margin: 0 20px 0 30px;
    }
    .tweet-item{
        max-width: 410px;
        font-size: 22px;
        line-height: 29px;
    }
    .team-holder figure{
        width: 49%;
    }
    #portfolio-grid {
        width: 220px;
        margin: 0 auto ;
    }
    .section-quote .quote{
        font-size: 22px;
    }
    .service-body,.service-item.right .service-body {
        text-align: center;
    }
    .service-item.left .service-icon-holder{
        margin-bottom: 10px;
    }
    .service-icon-holder {
        margin: 10px auto auto auto;
        text-align: center;
    }
    .flex-direction-nav .flex-next,.flex-direction-nav .flex-prev{
        top:10px;
    }
}

@media all and (max-width: 320px){
    input.submit {
        width: 50%;
    }
    .comment-item .avatar {
        width: 35px;
    }
    .comment-item.thread {
        margin: 0 0 56px 0px;
    }
    .next-prev-holder{
        display: none;
    }
    .portfolio-item .more-info{
        max-width: 200px;
    }
    .portfolio-item .more-info {
        left: -23px!important;
    }
    .portfolio-item .more-info .triangle {
        left: 120px!important;
    }
    .tweet-item {
        max-width: 260px;
    }
    .resume-download:before, .resume-download:after{
        display: none;
    }
    .section-skill {
        min-height: 965px;
    }
    .top-info-bar{
        display: none;

    }
    .section-title h1{
        font-size: 38px;
    }
    .flex-caption .button-holder{
        display: none;
    }
    .section-purchase{
        display: none;
    }
    .blog-img {
        height: 230px;
    }
    .blog-excertp {
        margin: 0 0 0 80px;
        width: 150px;
    }
    .blog-date {

        margin: 20px 0 0 0;
    }
    .blog-item {
        width: 230px;
        margin: 20px 20px 0 20px;
    }

}
@media all and (min-width: 770px) and (max-width: 1000px){
    .blog-excertp{
        width: 470px;
    }
    .footer-image-item {
        width: 75px;

        margin: 10px 2px -35px 0;
    }
    .blog-item {

        width: 620px;
        margin: 00 20px 0 60px;

    }
    .service-body p{
        font-size: 13px;
        line-height: 20px;
    }
    .resume-download:before, .resume-download:after{
        width: 32%;
    }
    .tweet-item{
        max-width: 740px;
        font-size: 22px;
        line-height: 29px;
    }
    .portfolio-item .more-info{
        min-width: 600px;
    }
    #portfolio-grid {

        margin: 0 auto 0 20px;
    }
}