@media only screen and (max-width: 1366px) {
    .row-contact-info .contact-info li .box-info,
    .row-contact-info.style2 .contact-info li .box-info {
        padding: 0px 0px 0px 130px;
    }
    .row-contact-info .contact-info li .box-text span,
    .row-contact-info.style2 .contact-info li .box-text span {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 24px;
    }
    .row-contact-info .contact-info li.address .box-info {
        padding: 0px 0px 0px 80px;
    }

    .marginleft_180,.marginleft_194, .marginleft_213, .marginleft_202 {
        margin-left: 50px;
    }

     .marginleft_128 {
         margin-left: 20px;
     }

    .marginleft_84 {
        margin-left: 30px;
    }

    .flat-portfolio.style2.v1 .portfolio-item .content .meta-data li a {
        font-size: 16px;
    }

    .flat-portfolio.style2.v1 .portfolio-item .content .title {
        font-size: 20px;
    }

    .flat-row.row-border {
        border-bottom: none;
    }

    .flat-quote .quote-button .flat-button {
        margin: 10px 0px 0px;
    }
}

@media only screen and (max-width: 1199px) {
    .footer-widgets .widget.widget-socials .social-list a {
        margin-bottom: 10px;
    }
    .blog-single.blog-posts .post-left,
    .blog-single.blog-posts .post-right {
        float: none;
        width: 100%;
        padding: 0px 15px;
    }
    .header .header-shadow {
        left: -35px;
        width: 29%;
    }

    .header .menu.menu-extra {
        margin-left: 20px;
    }

    .flat-quote.style2 .quote-button .flat-button {
        margin: 10px 0px 0px 0px;
    }

    article .featured-post {
        margin-right: 20px;
    }

    .flat-team .team-member .team-content {
        padding: 20px 0px 20px 0px;
    } 

    .team-member .team-content p {
        margin-bottom: 50px;
    }

    .flat-price .btn-price .flat-button {
        padding: 9px 30px;
    }

    .flat-whyus .list-whyus > ul {
        padding: 36px 0px 23px 10px;
    }

    .flat-counters.style2 .text-counter::after {
        height: 122%;
    }

    .flat-testimonials .testimonials .message {
        width: 77%;
    }

    .flat-testimonials .testimonials blockquote {
        text-align: center;
    }

    .marginleft_18, .marginleft_35 {
        margin-left: 0;
    }

    .marginright_12, .marginright_35 {
        margin-right: 0;
    }

    .our-service.v3 .box-content {
        padding: 0;
    }
}

@media only screen and (max-width: 991px) {
    .btn-menu {
        display: block;
    }

    .header.downscrolled ~ #mainnav-mobi {
        position: fixed;
        top: 95px;
    }

    .tp-resizeme {
        display: none!important;
    }

    .header.style2.downscrolled ~ #mainnav-mobi {
        top: 83px;
    }

    .header.style2 .btn-menu {
        margin: 35px 0px 32px 20px;
    }

    .header .logo {
        position: absolute;
        z-index: 99;
    }

    .top-search {
        right: 0;
    }

    .sidebar, .flat-portfolio-detail {
        margin: 50px 0px 0px 0px;
    }

    .page-title, .main-content, .flat-row, .page-title.page-contact, .row-portfolio.style2, .row-testimonials.style2,
    .row-quote.style2, .row-service.style2, .row-testimonials.style3, .row-portfolio.v3, .row-portfolio.v1, .row-service.style3, .row-portfolio.v2 {
        padding: 60px 0px 60px 0px;
    }

    .row-service.style3, .row-service.v3 {
        padding: 60px 0px 30px;
    }

    .row-choose-us.style2 {
        padding: 0px 0px 60px;
    }

    .flat-contact ul.contact-info.style2.v1 .box-info {
        padding: 30px 0px 30px 0px;
    }

    .our-iconbox li {
        padding: 30px 15px 0px 15px;
    }

    .footer {
        padding: 50px 0px;
    }

    .divider.h60, .divider.h35, .divider.h36, .divider.h63,.divider.h55 {
        height: 0px;
    }

    .divider.h75 {
        height: 30px;
    }

    .post .featured-post img {
        width: 100%;
    }

    .grid-three article.post, .flat-related-portfolio .related-portfolio .item,
    .flat-portfolio .portfolio-content.v3 .portfolio-item {
        width: 50%;
    }

    .grid-three article.post .overlay-img::before {
        padding-left: 0;
    }

    .grid-three article.post .content-post {
        padding: 0px 8px 9px;
    }

    .marginbottom_61, article, .sidebar .widget, .sidebar .widget.widget-recent-posts,
    .sidebar .widget.widget-categories, .flat-portfolio-detail .meta-info {
        margin-bottom: 35px;
    }

    .flat-contact.flat-contact-form {
        margin: 0;
    }

    .blog-single article.post .content-post .direction {
       padding: 5px;
   }

   .flat-toggle .toggle-title {
       padding-left: 10px;
   }

   .flat-testimonials.style2 .signature {
       padding-left: 0;
   }

    .flat-related-post .related-post {
        margin: 0px -5px;
    }

    .footer-widgets .widget,.blog-single article.post, .related-post article.related-post-box, .comments-area .comments-title, .flat-contact, .flat-counters, .blog-posts .post-left,
    .related-post .related-post-box, .number-text,.content-about, .flat-colcontact.c1, .flat-about .content-about, .flat-related-portfolio .related-portfolio .item, .flat-portfolio.style2 .portfolio-filter, .flat-gallery, .flat-accordion, .flat-price {
        margin-bottom: 30px;
    }

    .flat-contact.page-contact {
        position: relative;
        background-color: rgba( 0, 0, 0, 1);
        margin-bottom: 0;
    }

    .flat-toggle .toggle-title span {
        display: none;
    }

    .widget .widget-title, .flat-whyus .flat-counters.style2,
    .widget.widget-recent-posts .widget-title, .flat-whyus.style2 .content-whyus .title-section .title,
    .title-section, .blog-single article.post .entry-post .message blockquote, .blog-single article.post .content-post p {
        margin-bottom: 20px;
    }

    .widget.widget-recent-posts ul li {
        margin-bottom: 15px;
    }

    .blog-single article.post .content-post .direction {
        margin-top: 30px;
    }

    .margintop_135 {
        margin-top: 20px;
    }

    .about-wrap.style3 .number-text .number span {
        font-size: 80px;
        line-height: 80px;
    }

    .footer-widgets .widget.widget-twitter p, .footer-widgets .widget .widget-title, .footer-widgets .widget.widget-twitter .widget-title,
    .footer-widgets .widget.widget-instagram .widget-title {
        margin-bottom: 5px;
    }

    .comments-area .comments-list .comment-author {
        margin-right: 15px;
    }

    .marginright_43, .marginright_12, .marginright_35 {
        margin-right: 0;
    }

    .marginleft_100, .flat-contact .contact-form.style2, .marginleft_45,
    .flat-portfolio.style2.v1 .portfolio-filter li:first-child, .marginleft_18, .marginleft_35 {
        margin-left: 0;
    }

    .flat-counters .icon-counter {
        margin-right: 0;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .blog-single article.post .entry-post .message::before {
        font-size: 180px;
        left: 0;
        top: -58px;
    }

    article .content-post .title-post {
        margin-top: 0;
    }

    .blog-posts .post-left,
    .blog-posts .post-right {
        float: none;
        width: 100%;
        padding: 0px 15px;
    }

    .blog-pagination, .flat-testimonials .testimonials blockquote, .grid-three .post .featured-post, .grid-three .post .content-post,
    .grid-three .content-post .entry-post, .flat-counters, .flat-quote .quote-button, .flat-quote .quote-content {
        text-align: center;
    }

    .grid-three .post .meta-post li.author-thumbnail, .flat-portfolio .title-section.floatleft,
    .flat-portfolio .portfolio-filter.style2.floatright, .flat-counters .icon-counter, .signature.floatright, .flat-portfolio.style2.v1 .title-section, .flat-portfolio.style2.v1 .portfolio-filter {
        float: none;
    }

    .grid-three .post .content-post {
        padding: 15px 50px;
    }

    .bottom .copyright,
    .bottom .nav-wrap {
        float: none;
        text-align: center;
    }

    .bottom .copyright p {
        text-align: center;
        margin-bottom: 15px;
    }

    .comments-area .comments-list .parents,
    .comments-area .comments-list > li, .flat-iconbox {
        margin-bottom: 40px;
    }

    .comments-area .comments-list .comment-reply {
        top: 55px;
    }

    .flat-contact.flat-contact-form {
        padding: 0px;
    }

    .row-contact-info .contact-info li .box-text span,
    .row-contact-info .contact-info li.address .box-info span {
        font-size: 16px;
        line-height: normal;
    }

    .row-contact.style2 .flat-contact-left,
    .row-contact.style2 .flat-contact-right {
        float: none;
        padding: 0px 15px;
        margin-bottom: 30px;
    }

    .flat-portfolio .portfolio-content .portfolio-item, .flat-counters.style3 .item-counters, .header .header-shadow {
        width: 50%;
    }

    .row-contact.style2 .flat-contact-left, .row-contact.style2 .flat-contact-right, .featured-whyus img,
    .flat-testimonials .testimonials .message, .about-wrap.style3 .featured-about img, .our-iconbox li, .flat-counters.style2 .text-counter, .flat-about .content-about, .flat-one-half, .flat-about .featured-about img, .flat-whyus .list-whyus, .flat-counters.style2, .flat-related-portfolio .featured-portfolio img, .flat-portfolio .portfolio-item .thumb img, .flat-quote .quote-content, .flat-quote .quote-button, .flat-image img, .team-member .team-featured img, .flat-colcontact.c1, .flat-colcontact.c2, .flat-about .featured-about, .flat-contact ul.contact-info.style2 li {
        width: 100%;
    }

    .flat-testimonials.owl-theme .owl-controls .owl-nav div {
        display: none!important;
    }

    .flat-testimonials .testimonials .message::after {
        left: 48%;
    }

    .flat-counters.style2 .text-counter {
        padding: 30px 0px;
    }

    .flat-contact ul.contact-info.style2 .box-icon {
        margin: 13px 20px 0px 0px;
    }

    .box-info.marginleft_128, .box-info.marginleft_213, .box-info.marginleft_202 {
        margin-left: 15px;
    }

    .flat-contact ul.contact-info.style2 .box-info {
        padding: 15px 0px;
    }

    .flat-one-half.paddingleft_17.paddingright_48, .flat-one-half.paddingright_15.paddingleft_11 {
        padding: 0px 15px;
    }

    .flat-contact ul.contact-info.style2 li::before, .flat-whyus .featured-whyus::before {
        content: none;
    }

    .related-post article.related-post-box {
        margin-right: 0;
        width: 33.3333%;
        padding: 0px 5px;
    }
}

@media only screen and (min-width: 768px) and ( max-width: 991px) {
   
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

}

@media only screen and (min-width: 480px) and (max-width: 600px) { 
    article .featured-post {
        float: none;
        margin-right: 0;
    }

    .related-post article.related-post-box, .flat-portfolio .portfolio-content .portfolio-item, .related-post article.related-post-box .featured-post img {
        width: 100%;
    }

    .comments-area .comments-list ol.children {
        margin-left: 20px;
    }

    article .content-post {
        margin-top: 15px;
    }

    .flat-socials::before {
        content: none;
    }

    .flat-information li {
        padding-right: 10px;
        margin-right: 5px;
    }
}

@media only screen and (max-width: 479px) {
    .grid-three article.post, .flat-related-portfolio .related-portfolio .item,.flat-portfolio .portfolio-content.v3 .portfolio-item, .flat-portfolio .portfolio-content .portfolio-item, .related-post article.related-post-box, .flat-awards li.awards, .related-post article.related-post-box .featured-post img {
        width: 100%;
    }

    .flex-portfolio .flex-direction-nav a {
        display: none;
    }

    .blog-single article.post .content-post .direction .flat-socials {
        margin-top: 5px;
    }

    .flat-portfolio .portfolio-filter {
        border-bottom: none;
        margin: 0px 0px 30px 0px;
        text-align: center;
    }

    .comments-area .comments-list .comment-reply {
        margin-top: 10px;
    }

    .flat-portfolio .portfolio-filter li, .flat-portfolio.style2.v1 .portfolio-filter li,
    .flat-portfolio.v3 .portfolio-filter li {
        margin: 0px 5px;
    }

    .flat-portfolio .portfolio-filter li a span {
        top: -30px;
        right: -20px;
    }

    .blog-single article.post .content-post .direction .floatleft, .blog-single article.post .content-post .direction .floatright,
    .comments-area .comments-list .comment-author, .comments-area .comments-list .comment-text {
        float: none;
    }

    .blog-single article.post .content-post .direction, .comments-area .comments-list .comment-text, .comments-area .comments-list .comment-reply, .comments-area .comments-list .comment-author {
        text-align: center;
    }

   .topbar .flat-socials, .topbar .flat-information, article .featured-post {
    float: none;
    text-align: center;
   } 

   .comments-area .comments-list .comment-reply {
       position: relative;
       top: 0;
       right: 0;
   }

   .topbar .flat-socials {
       padding-top: 5px;
   }

   .comments-area .comments-list .comment-author {
       margin: 0px 0px 10px 0px;
   }

   .comments-area .comments-list ol.children {
       padding: 0;
   }

   article .featured-post, .comments-area .comments-list .comment-author {
       margin-right: 0;
   }

   .comments-area .comments-list ol.children {
       margin-left: 0;
   }

   .comments-area .comments-list {
       margin-bottom: 0;
   }

   article .content-post {
       padding-top: 15px;
   }

   .overlay-img::before,.overlay-img.style2::before {
       padding-left: 0;
   }

   .flat-socials::before,.flat-information li::after, .flat-portfolio .portfolio-filter li::after, .comments-area .comments-list ol.children::before {
       content: none;
   }

   .flat-partner {
       padding: 0;
   }
}

@media (max-width: 320px) {
    .flat-information li {
        padding-right: 0;
        margin-right: 0;
    }

    .header .header-shadow {
        width: 65%;
    }

    .marginleft_180, .marginleft_194, .marginleft_213, .marginleft_202, .marginleft_84 {
        margin-left: 20px;
    }

    
}