@media screen and (max-width: 1200px) {
    .social-like, .social-share {
        padding: 0
    }

    .social-like {
        border-right-width: 0
    }

    .social-share {
        padding-right: 5px
    }

    .side-share {
        display: block
    }

    .post-footer .side-share {
        display: inline-block;
        padding-left: 10px
    }

    ul.social-icons li a {
        width: 40px;
        height: 40px
    }

    ul.style-fall li a:before, ul.style-fall li a:after {
        font-size: 19px;
        line-height: 40px
    }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
    .mini-contacts li {
        margin-right: 13px
    }

    .portfolio-items.col-5 article, .portfolio-items.col-6 article {
        width: 33.33333333333333%
    }

    .cycle-rotator .item h1 {
        font-size: 50px
    }
}

@media only screen and (max-width: 992px) {
    #top-bar ul.social-icons {
        float: none;
        margin-bottom: 7px;
        text-align: center
    }

    .header-type-out .header-out, .header-type-in .header-in, .header-type-fixed .header-in {
        padding: 5px 0
    }

    .header-type-fixed .header-shrink-fixed .header-in {
        padding-top: 5px
    }

    .header-out .header-in #logo {
        display: none
    }

    #mobile-advanced {
        position: absolute;
        top: 0;
        right: -100%;
        z-index: 101;
        overflow: hidden;
        display: block;
        width: 100%;
        height: 100%;
        background-color: #fff;
        pointer-events: none;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: -webkit-transform .35s ease;
        transition: transform .35s ease;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    #wrapper.active .mobile-advanced {
        pointer-events: auto;
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }

    .mobile-advanced > ul {
        padding-top: 80px
    }

    .mobile-advanced li {
        display: block;
        list-style: none
    }

    .mobile-advanced li > span {
        display: block;
        padding: 10px 15px;
        color: #262626;
        font-weight: 400
    }

    .mobile-advanced li a {
        display: block;
        padding: 10px 20px;
        border-bottom: 1px solid #ccc;
        line-height: 1.15em
    }

    .mobile-advanced > ul > li > a {
        border-bottom-width: 0;
        background-color: #10186d;
        color: #fff;
        font-weight: 400;
        font-size: 16px
    }

    .mobile-advanced ul ul li > a {
        padding-left: 30px
    }

    .mobile-advanced ul ul li > a:before {
        position: relative;
        top: -2px;
        margin-right: 5px;
        font-size: 8px;
        font-family: 'fontello';
        content: "\e9a4"
    }

    .mobile-advanced ul .mega-menu ul li > a:before {
        content: "\e9a4  \e9a4"
    }

    .mobile-advanced ul ul ul li > a {
        padding-left: 55px
    }

    .mobile-advanced ul .mega-menu ul li > a {
        padding-left: 35px
    }

    #advanced-menu-hide {
        position: fixed;
        top: 20px;
        right: 30px;
        z-index: 105;
        width: 40px;
        height: 40px;
        background-color: #10186d;
        text-align: center;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-border-radius: 6px;
        border-radius: 6px
    }

    #wrapper.active #advanced-menu-hide {
        visibility: visible;
        pointer-events: auto;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    #advanced-menu-hide:after {
        color: #fff;
        content: '\efc0';
        vertical-align: middle;
        text-align: center;
        font-size: 21px;
        font-family: 'fontello';
        line-height: 40px
    }

    .mobile-advanced .search-icon {
        display: none
    }

    .mobile-advanced .inner-tooltip {
        position: relative;
        display: block;
        padding: 10px;
        width: 100%
    }

    .mobile-advanced .inner-tooltip label {
        display: block
    }

    .mobile-advanced #searchform input[type="text"] {
        padding: 8px 15px;
        width: 100%
    }

    .responsive-nav-button {
        display: inline-block;
        vertical-align: middle
    }

    #header #navigation {
        position: absolute;
        z-index: 999;
        right: 0;
        left: 0;
        top: 100%;
        display: none;
        overflow: hidden;
        margin-bottom: 7px;
        padding-top: 0;
        width: 100%;
        background-color: #fff;
        -webkit-border-radius: 3px;
        border-radius: 3px
    }

    .navigation ul li {
        display: block;
        float: none;
        margin: 2px;
        padding-bottom: 0
    }

    .navigation ul li > a {
        padding: 10px 15px;
        background-color: #262626;
        color: #fff;
        cursor: pointer;
        font-weight: 400;
        text-align: center
    }

    .navigation ul a:hover, .navigation ul .current-menu-item > a, .navigation ul .current-menu-parent > a, .navigation ul .current-menu-ancestor > a, .navigation ul .current_page_item > a, .navigation ul .current_page_parent > a, .navigation ul .current_page_ancestor > a {
        background-color: #f85c37
    }

    .navigation ul a {
        -webkit-border-radius: 3px;
        border-radius: 3px
    }

    .navigation ul a:hover:after, .navigation ul .current-menu-item > a:after, .navigation ul .current-menu-parent > a:after, .navigation ul .current-menu-ancestor > a:after, .navigation ul .current_page_item > a:after, .navigation ul .current_page_parent > a:after, .navigation ul .current_page_ancestor > a:after {
        color: #00c2a9
    }

    .navigation ul ul {
        position: relative;
        display: none;
        padding: 2px 10% 2px 10%;
        width: 100%;
        background-color: #ececec;
        -webkit-border-radius: 3px;
        border-radius: 3px
    }

    .navigation ul ul a:hover, .navigation ul ul .current-menu-item > a, .navigation ul ul .current-menu-parent > a, .navigation ul ul .current-menu-ancestor > a, .navigation ul ul .current_page_item > a, .navigation ul ul .current_page_parent > a, .navigation ul ul .current_page_ancestor > a {
        color: #00c2a9
    }

    .copyright {
        font-size: 11px
    }

    .developed {
        font-size: 10px
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .ls-layer .extra-radius {
        margin: 0;
        width: 280px;
        height: 280px
    }

    .ls-layer .inner-content h3 {
        font-size: 25px
    }

    .cycle-rotator .item h1 {
        font-size: 55px
    }

    .contact-text {
        display: inline-block;
        width: 49%
    }

    .masonry .post-item, .masonry.col-4 .post-item, #main .masonry .post-item {
        width: 46%
    }

    .section > #post-area.masonry .post-item {
        padding-left: 20px;
        padding-right: 20px
    }

    .portfolio-items.col-4 article, .portfolio-items.col-5 article, .portfolio-items.col-6 article {
        width: 33.33333333333333%
    }

    .project-meta span {
        font-size: 12px
    }

    .content-boxes > ul > li {
        width: 50%
    }
}

@media only screen and (max-width: 767px) {
    blockquote.quote-text {
        padding-left: 50px
    }

    blockquote.quote-text:before {
        left: -5px;
        top: 8px;
        font-size: 65px
    }

    .inputs-block {
        margin-right: 0;
        width: 100%
    }

    .textarea-block {
        margin-left: 0;
        width: 100%
    }

    .full-inputs-block .input-block {
        display: inline-block;
        margin-left: 0;
        width: 100%
    }

    .full-textarea-block textarea {
        min-height: 160px
    }

    .mini-contacts {
        text-align: center
    }

    .mini-contacts li {
        display: block;
        margin-right: 0
    }

    #logo {
        padding: 10px 0;
        max-width: 50%
    }

    .header-type-out #logo {
        padding: 30px 0;
        display: block;
        margin: 0 auto;
        text-align: center
    }

    #header ul.social-icons {
        display: block;
        padding-top: 0;
        text-align: center
    }

    .page-header h1 {
        font-size: 40px
    }

    .section-title {
        margin-bottom: 30px
    }

    .section-title * {
        padding: 0
    }

    .section-title *:after, .section-title *:before {
        display: none
    }

    .clients-items li {
        width: 50%
    }

    #main > #post-area.masonry, .col-xs-12 > #post-area.masonry {
        margin-left: 0;
        margin-right: 0
    }

    .masonry .post-item, .masonry.col-4 .post-item, #main .masonry .post-item {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .section > #post-area.masonry .post-item {
        padding-left: 25px;
        padding-right: 25px
    }

    #comments {
        margin-left: 0
    }

    #respond {
        margin-left: 0
    }

    #respond input[type="text"], #respond input[type="email"], #respond input[type="url"] {
        width: 100%
    }

    #respond textarea {
        width: 100%;
        min-width: 100%;
        min-height: 200px
    }

    .reading-box {
        text-align: center
    }

    .reading-box h3 {
        margin-bottom: 25px
    }

    .fullscreen-entry {
        padding: 2%
    }

    .cycle-rotator .item h1 {
        font-size: 29px
    }

    .simple-pricing-table .column {
        margin-bottom: 20px;
        width: 100%
    }

    .simple-pricing-table.col-2 .column, .simple-pricing-table.col-3 .column, .simple-pricing-table.col-4 .column {
        width: 100%
    }

    .simple-pricing-table .column:hover, .simple-pricing-table .featured {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .entry-item .entry-meta {
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: 10px;
        width: auto
    }

    .entry-item .entry-body {
        margin-left: 0;
        margin-bottom: 25px;
        padding-bottom: 25px
    }

    .entry-item .post-meta {
        margin-bottom: 15px
    }

    .portfolio-items.col-3 article, .portfolio-items.col-4 article, .portfolio-items.col-5 article, .portfolio-items.col-6 article {
        width: 100%
    }

    .project-single-entry + .tabs-holder {
        margin-bottom: 0
    }

    .project-similar li {
        width: 50%
    }

    .image-list {
        margin-bottom: 30px
    }

    .copyright, .developed {
        text-align: center
    }

    .content-boxes > ul > li {
        width: 100%
    }

    .counter-box .counter {
        margin: 15px 0;
        width: 100%
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .extra-radius {
        width: 200px;
        height: 200px
    }

    .inner-content h2 {
        margin-bottom: 10px;
        font-size: 25px
    }

    .ls-layer .extra-radius {
        margin: 0;
        width: 195px;
        height: 195px
    }

    .ls-layer .inner-content h3 {
        font-size: 17px
    }

    .portfolio-items.col-3 article, .portfolio-items.col-4 article, .portfolio-items.col-5 article, .portfolio-items.col-6 article {
        width: 50%
    }

    .tabs-nav li a {
        padding: 12px 20px
    }

    .counter-box .counter {
        width: 50%
    }
}

@media only screen and (max-width: 479px) {
    .extra-radius {
        width: 260px;
        height: 260px
    }

    .inner-content h2 {
        margin-bottom: 10px;
        font-size: 35px
    }

    .ls-layer .extra-radius {
        margin: 0;
        width: 105px;
        height: 105px
    }

    .ls-layer .inner-content h3 {
        font-size: 10px
    }

    .filter-container {
        text-align: left
    }

    .portfolio-filter li {
        display: inline-block;
        margin: 1%;
        width: 48%;
        text-align: center
    }

    .cycle-rotator .item h1 {
        font-size: 24px
    }

    .entry-item .entry-body {
        margin-left: 0
    }

    .post-meta .entry-date:after {
        padding: 0 2px 0 4px;
        content: "/"
    }

    .section > #post-area.masonry .post-item {
        padding-left: 20px;
        padding-right: 20px
    }

    .tabs-nav li {
        width: 50%
    }

    .clients-items li {
        padding: 0 5%
    }
}