/** TODO Responsive */

@media (min-width: 1200px) and (max-width: 1550px) {
    /** TODO Rs00 mainDigitalMarketing*/
    #mainDigitalMarketing .tagsCloud {
        padding: 0 20px;
    }
    #mainDigitalMarketing .tagsCloud a {
        font-size: 10px;
        padding: 8px;
    }
    #mainDigitalMarketing .invertBlock {
        padding: 55px 0 140px;
        font-size: 13px;
        line-height: 30px;
    }
    #mainDigitalMarketing .invertBlock p {
        padding: 0 30px;
    }
    #mainDigitalMarketing .invertBlock .h1 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 25px;
        bottom: 80px;
    }
    #mainDigitalMarketing .invertBlock .btn {
        font-size: 10px;
        padding: 10px 40px;
    }
    #mainDigitalMarketing .invertBlock .tagsCloud {
        margin-bottom: 15px;
    }
    #mainDigitalMarketing .invertBlock.blueNormal {
        padding-top: 70px;
    }
    #mainDigitalMarketing .invertBlock.blueLight p {
        padding: 0 40px;
    }
    #mainDigitalMarketing .invertBlock.blueNormal p {
        padding: 0 60px;
    }
    /*#mainDigitalMarketing .invertBlock.blueNormal .h1 {
        margin: 50px 0 60px;
    }
    #mainDigitalMarketing .invertBlock.blueLight .h1 {
        margin: 60px 0 75px;
    }*/
    #mainDigitalMarketing .invertBlock.blueDark:before {
        left: -30px;
        bottom: 10px;
        font-size: 149px;
    }
    #mainDigitalMarketing .invertBlock.blueNormal:before {
        left: -40px;
        bottom: 10px;
        font-size: 149px;
    }
    #mainDigitalMarketing .invertBlock.blueLight:before {
        left: -30px;
        bottom: 10px;
        font-size: 149px;
    }
    /** TODO Rs00 mainWebDevelopment*/
    #mainWebDevelopment .rightBlock {
        padding: 45px 70px 35px;
    }
    #mainWebDevelopment .rightBlock {
        font-size: 13px;
        line-height: 30px;
    }
    #mainWebDevelopment .rightBlock .h1 {
        font-size: 24px;
        line-height: 34px;
    }
    #mainWebDevelopment .rightBlock .btn {
        font-size: 10px;
        padding: 10px 40px;
        min-width: 0;
    }
    #mainWebDevelopment .rightBlock .icons p {
        font-size: 13px;
        line-height: 18px;
    }
    #mainWebDevelopment .rightBlock .icons span {
        font-size: 34px;
        line-height: 34px;
    }
    #mainWebDevelopment .rightBlock .colOneFifth {
        width: 18.4%;
        margin-right: 2%;
    }
    #mainWebDevelopment .rightBlock .colOneFifth.lastCol {
        margin-right: 0;
    }
    #mainDigitalMarketing .invertBlock a.btn {
        margin-left: -70px;
    }
    .blocks .item .caption .name {
        font-size: 24px;
    }
}
@media (max-width: 1599px) {
    .form {
        padding: 60px 25px 30px;
    }

    .subscribe-form {
        padding: 20px 30px;
    }


    /** TODO Rs05 aboutCompany*/
    .main .h1 {
        margin-top: 10px;
        margin-bottom: 25px;
    }
    #mainAboutCompany header {
        margin-bottom: 30px;
    }
    #mainAboutCompany .colOneFifth {
        margin-bottom: 30px;
    }
    /** TODO Rs05 mainWebDevelopmentPartners*/
    #mainWebDevelopmentPartners {
        width: 79%;
    }
    .main #reviewsSlider .item:after {
        display: block;
        clear: both;
        content: "";
    }
    .main #reviewsSlider .item .left {
        float: left;
        width: 25%;
        text-align: center;
    }
    .main #reviewsSlider .item .left .image {
        margin: 0 auto 10px;
        display: block;
    }
    .main #reviewsSlider .item .left .name {
        margin-bottom: 5px;
    }
    .main #reviewsSlider .item .right {
        float: left;
        width: 75%;
        padding-left: 20px;
        text-align: left;
        padding-top: 15px;
    }
    #mainWebDevelopment .rightBlock {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    #mainWebDevelopment .rightBlock .btn {
       margin: 20px 0;
    }
    #mainMediaBlock .col-md-12 .h1 {
        display: none;
    }
    #mainMediaBlock .item .mediaBlock {
        padding: 30px 40px;
    }
    #mainMediaBlock .item .mediaBlock a.readMore {
        margin: 25px 0;
    }
    #mainServices a {
        line-height: 65px;
    }
		/*TODO NewCode*/
    .form.formLine {
        padding: 0;
    }
}
@media (max-width: 1199px) {
    /** TODO Rs01 tagsCloud*/
    .tagsCloud a {

    }
    /** TODO Rs01 header*/
    #topLine .region,
    #topLine .phone,
    #topLine .address,
    #topLine .region a {
        font-size: 12px;
    }
    /** TODO Rs02 mainAboutCompany*/
    #mainAboutCompany .colOneFifth .icon {
        font-size: 60px;
    }
    #mainAboutCompany .colOneFifth .counter {
        font-size: 36px;
    }
    /** TODO Rs01 mainDigitalMarketing*/
    #mainDigitalMarketing .tagsCloud {
        padding: 0 50px;
    }
    #mainDigitalMarketing .tagsCloud a {
        font-size: 10px;
        padding: 5px;
    }
    #mainDigitalMarketing .invertBlock {
        padding: 35px 0 110px;
        font-size: 12px;
        line-height: 23px;
    }
    #mainDigitalMarketing .invertBlock p {
        padding: 0 30px;
    }
    #mainDigitalMarketing .invertBlock .h1 {
        font-size: 19px;
        line-height: 18px;
        margin-bottom: 25px;
        bottom: 50px;
    }
    #mainDigitalMarketing .invertBlock .btn {
        font-size: 10px;
        padding: 5px 30px;
    }
    #mainDigitalMarketing .invertBlock .tagsCloud {
        margin-bottom: 15px;
    }
    #mainDigitalMarketing .invertBlock.blueNormal {
        padding-top: 70px;
    }
    #mainDigitalMarketing .invertBlock.blueLight p {
        padding: 0 40px;
    }
    #mainDigitalMarketing .invertBlock.blueNormal p {
        padding: 0 60px;
    }/*
    #mainDigitalMarketing .invertBlock.blueNormal .h1 {
        margin: 50px 0 60px;
    }
    #mainDigitalMarketing .invertBlock.blueLight .h1 {
        margin: 60px 0 75px;
    }*/
    #mainDigitalMarketing .invertBlock.blueDark:before {
        left: -30px;
        bottom: 10px;
        font-size: 139px;
    }
    #mainDigitalMarketing .invertBlock.blueNormal:before {
        left: -30px;
        bottom: 10px;
        font-size: 139px;
    }
    #mainDigitalMarketing .invertBlock.blueLight:before {
        left: -30px;
        bottom: 10px;
        font-size: 139px;
    }

    #mainDigitalMarketing .invertBlock a.btn {
        margin-left: -60px;
        bottom: 30px;
    }
    /** TODO Rs01 mainSiteSupport*/
    #mainSiteSupport {
        padding-top: 60px;
    }
    /** TODO Rs01 mainWebDevelopment*/
    #mainWebDevelopment .rightBlock {
        padding: 45px 30px 35px;
    }
    #mainWebDevelopment .rightBlock {
        font-size: 12px;
        line-height: 24px;
    }
    #mainWebDevelopment .rightBlock .h1 {
        font-size: 19px;
        line-height: 34px;
    }
    #mainWebDevelopment .rightBlock .btn {
        font-size: 10px;
        padding: 8px 30px;
        min-width: 0;
    }
    #mainWebDevelopment .rightBlock .icons p {
        font-size: 12px;
        line-height: 18px;
    }
    #mainWebDevelopment .rightBlock .icons span {
        font-size: 26px;
        line-height: 26px;
    }
    #mainWebDevelopment .rightBlock .colOneFifth {
        width: 18.4%;
        margin-right: 2%;
    }
    #mainWebDevelopment .rightBlock .colOneFifth.lastCol {
        margin-right: 0;
    }
    /** TODO Rs01 mainMediaBlock*/
    #mainMediaBlock {
        padding: 30px 0 0;
    }
    #mainMediaBlock .item .mediaBlock {
        padding: 70px 50px 50px;
        font-size: 12px;
        line-height: 24px;
    }
    #mainMediaBlock .item .mediaBlock .h1 {
        font-size: 28px;
        font-weight: 300;
        line-height: 38px;
    }
    #mainMediaBlock .item .mediaBlock .btn {
        padding: 8px 20px;
        font-size: 10px;
    }
    #mainMediaBlock .item .mediaBlock a.readMore {
        margin: 40px 0;
        font-size: 12px;
        font-style: normal;
    }
    /** TODO Rs01 Footer*/
    .footerNav>ul>li>a {
        font-size: 10px;
    }
    /** TODO Rs01 Company */
    #companyNav a {
        line-height: 65px;
    }
    #companySlideBlock .tabsNav {
        width: 970px;
    }
    /** TODO Rs01 OurTeam*/
    #ourTeam {
        padding: 55px 0;
    }
    #ourTeam .item {
        height: 530px;
    }
    /** TODO Rs01 Blog*/

    #leftSidebarTabs .item .title a {
        font-size: 12px;
        line-height: 14px;
    }
    #leftSidebarTabs .item .title a:hover {
        color: #2a6496;
    }
    #leftSidebarTabs .item .comments {
        line-height: 16px;
    }
    #leftSidebarTabs .item .comments a {
        font-size: 11px;
        line-height: 13px;
    }
    /** TODO Rs01 News*/
    #news #newsContainer .item {
        height: 480px;
    }
    .blocks .item .image img {
        width: 100%;
    }
    .blocks.fivesBlocks .item {
        width: 33.333333333333%;
    }
    .blocks.fivesBlocks .item:nth-last-child(1),
    .blocks.fivesBlocks .item:nth-last-child(2) {
        width: 50%;
    }
    .blocks.fourthBlocks .item {
        width: 50%;
    }
    .webDevBlock .item .image.leftImage {
        margin-left: calc((100vw - 940px)/-2);
    }
    #portfolio .portfolioItem,
    #portfolio .gridSizer {
        width: 50%;
    }
    .timeLine .leftItem .caption {
        margin-left: 5px;
    }
    .timeLine .rightItem .caption {
        margin-right: 5px;
    }
		/*TODO NewCode*/
    .aboutServiceBlock .item {
        margin-bottom: 10px;
        font-size: 17px;
    }
    .aboutServiceBlock .h2 {
        margin-bottom: 70px;
    }
}
@media (max-width: 991px) {
    .form {
        padding: 50px 20px 50px;
    }
    #header .nav>li>a {
        padding: 0 20px;
    }
    #topLine .phone, #topLine .address {
        margin-left: 10px;
    }
    #topLine .region, #topLine .phone, #topLine .address, #topLine .region a {
        font-size: 11px;
    }
    #topLine .search, #topLine .share {
        margin-left: 10px;
        font-size: 16px;
    }
    #header.fixed #topLine .phone,
    #header.fixed #topLine .address,
    #header.fixed #topLine .region,
    #header.fixed #topLine .region a {
        font-size: 11px;
    }
    #topLine .address,
    #header.fixed #topLine .address {
        font-size: 10px;
    }
    #header .btn-sm, #header .btn-group-sm>.btn,
    #header.fixed .btn-sm, #header.fixed .btn-group-sm>.btn {
        padding: 4px 14px;
    }
    /** TODO Rs02 mainAboutCompany*/
    #mainAboutCompany {
        padding: 60px 0 55px;
    }
    #mainAboutCompany .colOneFifth .icon {
        font-size: 60px;
    }
    #mainAboutCompany .colOneFifth .counter {
        font-size: 36px;
    }
    #mainAboutCompany header {
        margin-bottom: 60px;
    }
    /** TODO Rs02 mainDigitalMarketing*/
    #mainDigitalMarketing {
        padding: 30px 0 0;
    }
    #mainDigitalMarketing .invertBlock {
        padding: 35px 45px;
    }
    #mainDigitalMarketing .invertBlock p {
        padding: 0 60px;
    }
    #mainDigitalMarketing .invertBlock .h1 {
        position: static;
    }
    #mainDigitalMarketing .invertBlock.blueLight p {
        padding: 0 60px;
    }
    #mainDigitalMarketing .invertBlock.blueNormal p {
        padding: 0 60px;
    }
    #mainDigitalMarketing .invertBlock.blueDark:before {
        left: -40px;
        bottom: 50px;
        font-size: 239px;
    }
    #mainDigitalMarketing .invertBlock.blueNormal {
        padding-top: 30px;
    }
    #mainDigitalMarketing .invertBlock.blueNormal:before {
        left: auto;
        right: -40px;
        bottom: 50px;
        font-size: 239px;
    }
    #mainDigitalMarketing .invertBlock.blueLight:before {
        left: -40px;
        bottom: 50px;
        font-size: 239px;
    }
    #mainDigitalMarketing .invertBlock.blueDark:after {
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
        border-bottom: 20px solid #162e3f;
        border-top: none;
        right: 50%;
        top: auto;
        margin-top: 0;
        bottom: 0;
        margin-right: -20px;
    }
    #mainDigitalMarketing .invertBlock.blueLight:after {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #162e3f;
        border-bottom: none;
        position: absolute;
        left: 50%;
        top: 0;
        margin-top: 0;
        margin-left: -20px;
    }
    /** TODO Rs02 mainWebDevelopment*/
    #mainWebDevelopment .rightBlock .icons p {
        font-size: 11px;
    }
    #mainWebDevelopment .rightBlock .icons .vm-icon-corporate+p {
        font-size: 9px;
    }
    /** TODO Rs02 Company */
    #companyNav a {
        line-height: 45px;
        font-size: 18px;
    }
    #companySlideBlock .tabsNav {
        width: 750px;
    }
    #aboutCompany .colOneFifth {
        margin: 15px 0;
    }
    #aboutCompany .colOneFifth .icon {
        font-size: 60px;
    }
    #aboutCompany .colOneFifth .counter {
        font-size: 36px;
    }
    #companySlideBlock .tab-pane {
        width: 100%;
    }
    #historyBlock {
        height: auto;
    }
    #historyBlock a {
        line-height: normal;
        padding: 100px 0;
    }
    .teamBlock .teamBlockItem .teamImageContainer:hover,
    .teamBlock .teamBlockItem .teamImageContainer:focus {
        left: -250px;
        width: 250%;
    }
    .teamBlock .teamBlockItem .teamImageContainer .teamDescriptionH {
        width: 250px;
    }
    .teamBlock {
        width: auto;
    }
    .teamBlock .teamBlockItem {
        float: none;
        margin: 0 auto 30px;
        width: 215px;
    }
    .teamBlock .teamBlockItem:last-child {
        margin: 0 auto 30px;
    }
    .clients a {
        width: 47%;
        margin: 1%;
    }
    #companySlideBlock .tab-pane {
        display: none;
    }
    #companySlideBlock .tab-pane.active {
        display: block;
    }
    /*.teamBlock .teamBlockItem .teamImageContainer:hover,
    .teamBlock .teamBlockItem .teamImageContainer:focus {
        left: 0;
        width: 100%;
        height: 250%;
        top: -300px;
    }
    .teamBlock .teamBlockItem .teamImageContainer .teamDescriptionH {
        padding: 50px 30px 0;
        bottom: 0;
        height: 100%;
        left: 0;
        top: 300px;
        opacity: 0;
        width: 215px;
        position: absolute;
        -webkit-transform: translateX(0) translateY(100%);
        -moz-transform: translateX(0) translateY(100%);
        -ms-transform: translateX(0) translateY(100%);
        -o-transform: translateX(0) translateY(100%);
        transform: translateX(0) translateY(100%);
        -webkit-transition: -webkit-transform .55s ease-in-out, opacity .35s .15s ease-in-out;
        -moz-transition: -moz-transform .55s ease-in-out, opacity .35s .15s ease-in-out;
        -ms-transition: -ms-transform .55s ease-in-out, opacity .35s .15s ease-in-out;
        -o-transition: -o-transform .55s ease-in-out, opacity .35s .15s ease-in-out;
        transition: transform .55s ease-in-out, opacity .35s .15s ease-in-out;
    }
    .teamBlock .teamBlockItem .teamImageContainer:focus .teamDescriptionH,
    .teamBlock .teamBlockItem .teamImageContainer:hover .teamDescriptionH {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }*/
    #companyOurMission .description:before {
        display: block;
        content: "";
    }
    /** TODO Rs02 OurTeam*/
    #ourTeam {
        padding: 35px 0;
    }
    #ourTeam h1 {
        margin-bottom: 30px;
    }
    #ourTeam .item {
        height: auto;
        margin-bottom: 30px;
    }
    /** TODO Rs02 Vacancies */
    .vacancies .gridSizer,
    .vacancies .item {
        width: 47%;
    }
    /** TODO Rs02 Blog */
    #blog {
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
    .visibleSidebar .openSidebar {
        display: block;
    }
    .withLine .visibleSidebar .openSidebar {
        top: 169px;
    }
    .headerFixed.withLine .visibleSidebar .openSidebar {
        top: 119px;
    }
    #blog.moved {
        -webkit-transform: translateX(400px);
        -moz-transform: translateX(400px);
        -ms-transform: translateX(400px);
        -o-transform: translateX(400px);
        transform: translateX(400px);
    }
    .visibleSidebar #leftSidebarNav {
        left: -400px;
        width: 400px;
        top: 116px;
        height: calc(100vh - 116px);
        padding: 9px 50px;
        z-index: 169;
        margin-bottom: 0;
        background-color: white;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
    .withLine .visibleSidebar #leftSidebarNav {
        height: calc(100vh - 160px);
        top: 160px;
    }
    .headerFixed.withLine .visibleSidebar #leftSidebarNav {
        height: calc(100vh - 107px);
        top: 107px;
    }
    .visibleSidebar #leftSidebarNav.opened {
        left: 0;
    }
    #blogContainer {
        float: none;
    }
    #leftSidebarSliderContainer {
        max-width: 263px;
        margin: 0 auto;
    }
    #pagination {
        text-align: center;
    }
    .filters {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }
    .filters p {
        line-height: 22px;
    }
    .filters a.btn {
        position: static;
        margin-top: 10px;
    }
    .mediaBlock ul li {
        margin-right: 20px;
    }
    .mediaBlock ul li,
    .mediaBlock ul li a {
        line-height: 16px;
        font-size: 11px;
    }
    .mediaBlock ul li span.fa {
        display: none;
    }
    .mediaBlock ul li {
        margin: 0 5px 10px 0;
    }
    .mediaBlock ul li+li:before {
        content: "|";
        display: inline-block;
        margin-right: 5px;
    }
    #leftSidebarNav {
        position: fixed;
        left: -230px;
        width: 230px;
        height: 100%;
        top: 0;
        padding-top: 240px;
    }
    #leftSidebarNav>ul>li>ul {
        display: block;
    }
    #blog {
        overflow: hidden;
    }
    .containerAfterLeftNav {
        position: relative;
        left: 0;
    }
    .leftSidebar .leftNavButton span {
        width: 55%;
        height: 3px;
        background-color: #0e0e0e;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        display: block;
        position: absolute;
        top: 27px;
        left: 20%;
    }
    .leftSidebar .leftNavButton:before {
        content: "";
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        width: 55%;
        height: 3px;
        background-color: #0e0e0e;
        display: block;
        position: absolute;
        top: 20px;
        left: 20%;
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }
    .leftSidebar .leftNavButton:after {
        content: "";
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        width: 55%;
        height: 3px;
        background-color: #0e0e0e;
        display: block;
        position: absolute;
        top: 34px;
        left: 20%;
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }
    .leftSidebar .leftNavButton {
        position: fixed;
        left: 0;
        top: 260px;
        display: block;
        z-index: 201;
        background-color: white;
        border-radius: 0px 200px 200px 0px;
        -moz-border-radius: 0px 200px 200px 0px;
        -webkit-border-radius: 0px 200px 200px 0px;
        border: 0px solid #000000;
        width: 50px;
        text-align: center;
        font-size: 22px;
        padding: 27px 0;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
    .leftSidebar .leftNavButton.active {
        left: 215px;
    }
    .headerFixed .leftSidebar .leftNavButton {
        top: 160px;
    }
    .leftSidebar .leftNavButton.active span {
        opacity: 0;
    }
    .leftSidebar .leftNavButton.active:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 60%;
        top: 14px;
        left: 24%;
    }
    .leftSidebar .leftNavButton.active:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 60%;
    }
    .filters {
        display: none;
    }
    .filtersMob {
        display: block;
        text-align: center;
        padding: 20px;
    }
    .filtersMob .form-control {
        height: 35px;
        font-size: 14px;
        padding: 6px 12px;
    }
    .filtersMob label {
        display: block;
        margin-bottom: 10px;
    }
    /** TODO Rs02 Blog-Single*/
    #seeAlso p.h2 {
        text-align: left;
    }
    ol.breadcrumb li {
        padding: 0;
    }

    #mainDigitalMarketing .invertBlock a.btn {
        position: static;
        margin: 0 auto;
    }
    .leftSidebar.floatingSidebar #leftSidebarNav {
        position: static;
        padding: 0;
        width: auto;
    }
    .iconsType01 .item {
        margin-bottom: 30px;
    }
    .iconsType01 .item:last-child {
        margin-bottom: 0;
    }
    .blueSection .iconsType05 .item {
        margin-bottom: 30px;
    }
    .blueSection .iconsType05 .item:last-child {
        margin-bottom: 0;
    }
    .iconsType05 .noMargin {
        margin-bottom: 30px;
    }
    .iconsType05 .noMargin:last-child {
        margin-bottom: 0;
    }
    .questionSection>div:nth-last-child(2) {
        margin-bottom: 30px;
    }
    .withLine.second #header {
        height: 160px;
    }
    .imageFloatRight {
        float: none;
        margin-left: 0;
        margin-bottom: 30px;
        width: 100%;
    }
    .imageFloatLeft {
        float: none;
        margin-right: 0;
        margin-bottom: 30px;
        width: 100%;
    }
    #portfolioContent {
        width: 100%;
    }
    .iconsType05.sixesIcons .item {
        width: 33.333333333%;
        margin-bottom: 30px;
    }
    .whiteBlocks>div {
        margin-bottom: 30px;
    }
    .webDevBlock .item .image.leftImage {
        margin-left: calc((100vw - 720px)/-2);
    }
    .webDevBlock .item .header {
        flex-wrap: wrap;
        text-align: center;
        margin-bottom: 25px;
    }
    .webDevBlock .item .header .icon {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .webDevBlock .item .header .h1 {
        width: 100%;
        font-size: 26px;
        line-height: 36px;
    }
    .mainSliderTitle {
        width: 100%;
        padding: 0 50px;
        left: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .second #header {
        height: 116px;
    }
    .leftSidebar.floatingSidebar {
        top: 116px;
        height: calc(100vh - 116px);
    }
    .withLine .leftSidebar.floatingSidebar {
        top: 160px;
        height: calc(100vh - 160px);
    }
    .withLine .leftSidebar.floatingSidebar {
        top: 160px;
        height: calc(100vh - 160px);
    }
    .openSidebar {
        top: 129px;
    }
    .withLine .openSidebar {
        top: 173px;
    }
    .headerFixed.second {
        padding-top: 116px;
    }
    .headerFixed.second.withLine {
        padding-top: 160px;
    }
    .timeLine .leftItem .caption {
        margin-left: 0;
    }
    .timeLine .rightItem .caption {
        margin-right: 0;
    }
    .timeLine .leftItem .caption,
    .timeLine .rightItem .caption {
        width: 306px;
    }
    .timeLine .leftItem .caption .elements,
    .timeLine .rightItem .caption .elements {
        width: 55px;
    }
    .timeLine .leftItem .caption .elements {
        right: -55px;
    }
    .timeLine .rightItem .caption .elements {
        left: -55px;
    }
    .timeLine .leftItem .caption,
    .timeLine .rightItem .caption {
        padding: 20px;
    }
		/*TODO NewCode*/
    .aboutServiceBlock .h2 {
        margin-bottom: 50px;
    }
    .form.formLine {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .business_list {
        height: 350px;
    }

    .business_list .h3{
        line-height: 18px;
    }

    .business_list .col-sm-6 {
        padding: 0px;
    }

    .business_list .select-list {
        margin-top: 0px
    }
    #portfolio {
        padding-left: 0;
    }

    .blocks.fivesBlocks .item {
        width: 100%;
        max-height: 200px;
    }
    .blocks.fivesBlocks .item:nth-last-child(1),
    .blocks.fivesBlocks .item:nth-last-child(2) {
        width: 100%;
    }
    .blocks.fourthBlocks .item {
        width: 100%;
    }
    .webDevBlock .item .image,
    .webDevBlock .item .image.leftImage {
        margin-left: -15px;
        width: 100vw;
        max-height: 300px;
    }
    .webDevTitle {
        font-size: 24px;
        line-height: 30px;
    }
		
    .timeLine:before {
        left: 50px;
    }
    .timeLine .yearItem {
        text-align: left;
        padding-left: 50px;
    }
    .timeLine .yearItem:after,
    .timeLine .yearItem:before {
        left: 40px;
        margin-left: 0;
    }
    .timeLine .leftItem .caption,
    .timeLine .rightItem .caption {
        width: calc(100% - 105px);
    }
    .timeLine .leftItem {
        text-align: right;
    }
    .timeLine .leftItem .caption .elements {
        left: -55px;
        right: auto;
    }
    .timeLine .leftItem .caption .elements:after {
        right: auto;
        left: -11px;
    }
    .timeLine .leftItem .caption .date {
        right: auto;
        left: 0;
    }
    .timeLine .leftItem .caption .image,
    .timeLine .rightItem .caption .image {
        text-align: left;
    }
		/*TODO NewCode*/
    .rowFlexServiceTop {
        display: block;
    }
    .form.formLine .form-control {
        margin-bottom: 30px;
    }
    .form.formLine input[type=submit] {
        height: auto;
        margin-left: 0;
    }
}

@media (max-width: 570px) {
    .business_list {
        height: 500px;
    }
    .business_list .col-sm-6 {
        padding: 0px;
    }

    .business_list .select-list {
        margin-top: 0px
    }
    .business_list .select  {
        width: 90%
    }

    .business_list .h2,
    .business_list .h3 {
        display: block;
			
    }

    .business_list select {
        
        padding-left: 5px;
    }
    .comagic-consultant {
        position: fixed !important;
        bottom: 0 !important;
        top: auto !important;
    }
    .iconsType06 .item {
        display: block;
    }
    .iconsType06 .item .icon {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        text-align: left;
    }
    .iconsType06 .item .text {
        width: 100%;
    }
    .iconsType05.sixesIcons .item {
        width: 50%;
    }
    .whiteBlocks .item .header {
        margin-bottom: 20px;
    }
    .whiteBlocks .item .header .title {
        font-size: 18px;
        line-height: 24px;
    }
    #portfolio .portfolioItem,
    #portfolio .gridSizer {
        width: 100%;
    }
}


@media (max-width: 767px) {
    /** TODO Rs03 Typography*/
    body {
        font-size: 14px;
        line-height: 28px;
    }
    a {
        color: #4298db;
        font-size: 14px;
        font-style: italic;
        text-decoration: underline;
        outline: none;
    }
    a[href^=tel]{
        color: #565656;
        text-decoration: underline;
        font-size: 15px;
    }
    a[href^=tel]:hover,
    a[href^=tel]:focus {
        color: #565656;
        text-decoration: none;
    }
    a:hover,
    a:focus {
        color: #76c3ff;
        text-decoration: none;
    }
    h1,
    .h1 {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 25px;
    }
    h2,
    .h2 {
        font-size: 21px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 25px;
    }
    h3,
    .h3 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 25px;
    }
    h4,
    .h4 {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 25px;
    }
    h5,
    .h5 {
        font-size: 12px;
        line-height: 17px;
        margin-bottom: 10px;
    }
    h6,
    .h6 {
        font-size: 10px;
        line-height: 14px;
        margin-bottom: 10px;
    }
    h1 small,
    .h1 small {
        font-size: 16px;
    }
    h2 small,
    .h2 small  {
        font-size: 14px;
    }
    h3 small,
    .h3 small  {
        font-size: 12px;
    }
    h4 small,
    .h4 small  {
        font-size: 12px;
    }
    h5 small,
    .h5 small  {
        font-size: 10px;
    }
    h6 small,
    .h6 small  {
        font-size: 8px;
    }
    blockquote {
        padding: 5px 35px;
        position: relative;
        border: none;
        font-size: 14px;
        line-height: 28px;
        font-style: italic;
    }
    blockquote:before {
        content: "“";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        color: #bfbfbf;
        font-family: "Open Sans",sans-serif;
        font-size: 62px;
        font-weight: 300;
        font-style: italic;
        line-height: 91px;
    }
    blockquote footer, blockquote small, blockquote .small {
        text-align: right;
        font-size: 12px;
        font-weight: 300;
        font-style: italic;
        line-height: 28px;
    }
    blockquote footer:before, blockquote small:before, blockquote .small:before {
        content: none;
    }
    ul {
        list-style: none;
        padding-left: 40px;
    }
    ul li {
        margin-bottom: 15px;
        position: relative;
    }
    ul li:before {
        content: "";
        display: block;
        background-color: #213c51;
        width: 7px;
        height: 7px;
        border-radius: 200px 200px 200px 200px;
        -moz-border-radius: 200px 200px 200px 200px;
        -webkit-border-radius: 200px 200px 200px 200px;
        position: absolute;
        left: -20px;
        top: 16px;
    }
    ol {
        list-style: none;
        padding-left: 40px;
        counter-reset: olLi;
    }
    ol li {
        margin-bottom: 15px;
        position: relative;
    }
    ol li:before {
        content: counter(olLi, upper-roman);
        counter-increment: olLi;
        color: #213c51;
        font-size: 20px;
        line-height: 20px;
        font-weight: 600;
        position: absolute;
        left: -20px;
        top: 8px;
    }
    .lead {
        font-size: 17px;
        line-height: 28px;
    }
    .form h1, .form .h1 {
        margin-bottom: 30px;
        margin-top: 20px;
    }
    .form .form-control {
        height: 40px;
        line-height: 40px;
        margin-bottom: 20px;
        padding-left: 10px;
        font-size: 14px;
    }
    .form .placeholder {
        top: 6px;
        left: 10px;
    }
    .form textarea.form-control {
        min-height: 80px;
    }
    .form label {
        font-size: 14px;
    }
    .form .form-control:focus + .placeholder,
    .form .form-control + .placeholder.filled {
        top: -23px;
        font-size: 14px;
        font-weight: 600;
    }
    .btn {
        padding: 15px 25px;
        max-width: 100%;
    }
    .popup {
        width: auto;
    }
    /** TODO Rs03 topLine*/
    #topLine .callback .fa {
        font-size: 15px;
        color: #303030;
    }
    #topLine .region,
    #topLine .phone,
    #topLine .address,
    #topLine .region a {
        font-size: 12px;
    }
    #topLine .region {
        margin-bottom: 5px;
    }
    #topLine .region,
    #topLine .phone {
        display: block;
        text-align: center;
        margin-left: 0;
    }
    #header.fixed #topLine .phone,
    #header.fixed #topLine .address,
    #header.fixed #topLine .region,
    #header.fixed #topLine .region a {
        font-size: 12px;
    }
    .second #header {
        height: 105px;
    }
    .ps-container {
        position: relative;
    }
    .ps-container .navbar-nav {
        margin: 7.5px 0;
    }
    #header .btn-sm, #header .btn-group-sm>.btn, #header.fixed .btn-sm, #header.fixed .btn-group-sm>.btn {
        padding: 5px 7px;
    }
    .navbar-toggle {
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        border-color: #bfbfbf
    }
    .navbar-toggle .icon-bar {
        background-color: #bfbfbf;
        box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.76);
    }
    #logo img,
    #header.fixed #logo img {
        padding: 8px 0 5px;
    }
    #header .callback {
        position: absolute;
        top: -28px;
        right: 0;
    }
    #header .nav>li>a {
        line-height: 35px;
    }
    .hermes.tparrows {
        display: none;
    }
    #mainServices {
        position: static;
        margin-top: 105px;
    }
	.withLine #mainServices {
        margin-top: 143px;
    }
    #mainServices a {
        font-size: 13px;
        line-height: 35px;
    }
    .owlCarouselPartners .item {
        margin-right: 0;
    }
    /** TODO Rs03 mainAboutCompany*/
    #mainAboutCompany {
        padding: 30px 0;
    }
    #mainAboutCompany .colOneFifth {
        margin-bottom: 35px;
    }
    #mainAboutCompany .colOneFifth p {
        max-width: none;
    }
    #mainAboutCompany .colOneFifth .counter {
        line-height: 36px;
    }
    #mainAboutCompany header {
        margin-bottom: 40px;
    }
    .colOneFifth {
        width: 100%;
        margin-right: 0;
        margin-bottom: 35px;
    }
    /** TODO Rs03 mainDigitalMarketing*/
    #mainDigitalMarketing {
        padding: 5px 0 0;
        border: 5px solid #ec9b0e;
        border-bottom: none;
        background-color: #0d212f;
    }
    #mainDigitalMarketing h1,
    #mainDigitalMarketing .h1 {
        color: white;
        margin: 30px 0 10px;
    }
    #mainDigitalMarketing .invertBlock {
        padding: 40px 15px 55px;
        font-size: 14px;
        line-height: 28px;
    }
    #mainDigitalMarketing .tagsCloud a {
        font-size: 12px;
    }
    #mainDigitalMarketing .invertBlock .btn {
        padding: 15px 25px;
        font-size: 15px;
        min-width: 180px;
    }
    #mainDigitalMarketing .invertBlock .h1 {
        margin: 30px 0;
    }
    #mainDigitalMarketing .invertBlock.blueNormal .h1,
    #mainDigitalMarketing .invertBlock.blueLight .h1 {
        margin: 30px 0;
    }
    #mainDigitalMarketing .invertBlock .tagsCloud,
    #mainDigitalMarketing .invertBlock.blueNormal p,
    #mainDigitalMarketing .invertBlock.blueLight p,
    #mainDigitalMarketing .invertBlock p {
        padding: 0;
    }
    #mainDigitalMarketing .invertBlock.blueDark:before,
    #mainDigitalMarketing .invertBlock.blueNormal:before,
    #mainDigitalMarketing .invertBlock.blueLight:before{
        content: none;
    }
    #mainMultiChanel {
        border: 5px solid #ec9b0e;
        padding: 15px 0 35px;
        background-color: #ffffff;
        border-top: none;
    }
    #mainMultiChanel p {
        margin-bottom: 30px;
    }
    #mainMultiChanel .h1 {
        color: #565656;
        margin-bottom: 30px;
    }
    #mainDigitalMarketing .partners {
        margin-top: 20px;
    }
    /** TODO Rs03 mainSiteSupport*/
    #mainSiteSupport {
        padding-top: 20px;
        border: 5px solid #ecaf0e;
    }
    #mainSiteSupport .icons {
        text-align: left;
        margin-bottom: 25px;
    }
    #mainSiteSupport .icons>div {
        width: 200px;
        margin: 0 auto;
    }
    #mainSiteSupport .btn {
        margin-bottom: 25px;
        min-width: 200px;
    }
    /** TODO Rs03 mainWebDevelopment*/
    #mainWebDevelopment {
        border: 5px solid #f1c21e;
        padding-top: 0;
    }
    #mainWebDevelopment .leftBlock {
        min-height: 400px;
    }
    #mainWebDevelopment .leftBlock .background {
        min-height: 330px;
    }
    #mainWebDevelopment .rightBlock {
        padding: 25px 15px;
        font-size: 14px;
        line-height: 28px;
    }
    #mainWebDevelopment .rightBlock .h1 {
        font-size: 24px;
        line-height: 30px;
    }
    #mainWebDevelopment .rightBlock .btn {
        margin: 15px 0 45px;
        padding: 15px 25px;
        font-size: 15px;
        min-width: 180px;
    }
    #mainWebDevelopment .rightBlock .colOneFifth {
        width: 100%;
        margin: 0 0 35px;
    }
    #mainWebDevelopment .rightBlock .icons span {
        font-size: 42px;
        line-height: 42px;
    }
    #mainWebDevelopment .rightBlock .icons p {
        font-size: 12px;
        text-transform: uppercase;
        margin-bottom: 0;
    }
    #mainWebDevelopment .rightBlock .icons .vm-icon-corporate+p {
        font-size: 10px;
    }
    #mainProjects {
        padding: 10px 0 0;
    }
    #mainReviews {
        padding-top: 0;
    }
    #mainFormWrapper {
        padding: 25px 0;
    }
    #mainMediaBlock {
        padding-top: 5px;
    }
    #mainMediaBlock .item .mediaBlock {
        padding: 25px 15px;
        font-size: 14px;
        line-height: 28px;
    }
    #mainMediaBlock .item .mediaBlock .h1 {
        font-size: 20px;
        line-height: 30px;
    }
    ul.entryMedia li,
    ul.entryMedia li a {
        font-size: 12px;
        line-height: 19px;
    }
    #mainMediaBlock .item .mediaBlock a.readMore {
        margin: 10px 0 20px;
        font-size: 14px;
        line-height: 28px;
    }
    #mainMediaBlock .item .mediaBlock .btn {
        padding: 15px 25px;
        font-size: 15px;
        min-width: 180px;
    }
    #mainMapForm .hideBtn {
        width: 25px;
        height: 5px;
        left: 12px;
        top: 10px;
    }
    #mainMapForm.hiddenMap {
        width: 50px;
    }
    #mainProjects #projects .middle {
        display: block;
        width: auto;
        margin: 20px 0;
        text-align: center;
    }
    #mainProjects #projects {
        margin-bottom: 10px;
    }
    #footer {
        padding: 25px 0 0;
        text-align: center;
    }
    #footer .case a {
        margin: 25px 0;
    }
    #footerLine {
        margin-top: 0;
    }
    #footerLine .socials {
        text-align: center;
    }
    #footerLine .copy {
        margin-bottom: 10px;
    }
    .main #footer {
        position: static;
    }
    /** TODO Rs03 mainReviews*/
    .main #reviewsSlider .item .left {
        float: none;
        width: auto;
        text-align: center;
    }
    .main #reviewsSlider .item .right {
        float: none;
        width: auto;
        text-align: center;
    }
    #reviewsSlider .image {
        width: 90px;
        height: 90px;
    }
    #reviewsSlider p.name {
        font-size: 20px;
    }
    #reviewsSlider p.company {
        font-size: 16px;
        margin-bottom: 0;
    }
    /** TODO Rs03 mainMap*/
    #mainMapContainer {
        padding-bottom: 0;
        display: none;
    }
    #mainMapForm {
        top: 30px;
        margin-bottom: 30px;
    }
    /** TODO Rs03 contacts*/
    #contacts {
        height: auto;
    }
    #contacts .contactsMap {
        height: 300px;
    }
    #contacts .contactContainer {
        position: relative;
        top: auto;
    }
    /** TODO Rs03 Portfolio*/
    #portfolio .openSidebar {
        display: block;
    }
    .withLine #portfolio .openSidebar {
        top: 168px;
    }
    .headerFixed.withLine #portfolio .openSidebar {
        top: 145px;
    }
    #portfolioLeftSidebar {
        width: 320px;
        left: -320px;
        padding: 20px;
        -moz-transition: left .25s ease-in-out;
        -webkit-transition: left .25s ease-in-out;
        -o-transition: left .25s ease-in-out;
        -ms-transition: left .25s ease-in-out;
        transition: left .25s ease-in-out;
        z-index: 169;
        position: fixed;
    }
    .withLine #portfolioLeftSidebar {
        height: calc(100vh - 143px);
        top: 143px;
    }
    .headerFixed.withLine #portfolioLeftSidebar {
        height: calc(100vh - 120px);
        top: 120px;
    }
    #portfolioLeftSidebar {
        top: 105px;
        height: calc( 100vh - 105px );
    }
    .headerFixed #portfolioLeftSidebar {
        top: 92px;
        height: calc( 100vh - 92px );
    }
    #portfolio .openSidebar {
        top: 130px;
    }
    .headerFixed #portfolio .openSidebar {
        top: 117px;
    }
    #portfolioLeftSidebar.opened {
        left: 0;
    }
    #portfolio {
        margin-left:0;
        overflow: hidden;
        max-width: 100%;
    }
    #portfolioContent {
        position: relative;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
    #portfolio.move #portfolioContent {
        -webkit-transform: translateX(320px);
        -moz-transform: translateX(320px);
        -ms-transform: translateX(320px);
        -o-transform: translateX(320px);
        transform: translateX(320px);
    }
    #portfolio .leftNavButton span {
        width: 55%;
        height: 3px;
        background-color: #0e0e0e;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        display: block;
        position: absolute;
        top: 27px;
        left: 20%;
    }
    #portfolio .leftNavButton:before {
        content: "";
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        width: 55%;
        height: 3px;
        background-color: #0e0e0e;
        display: block;
        position: absolute;
        top: 20px;
        left: 20%;
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }
    #portfolio .leftNavButton:after {
        content: "";
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        width: 55%;
        height: 3px;
        background-color: #0e0e0e;
        display: block;
        position: absolute;
        top: 34px;
        left: 20%;
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }
    #portfolio .leftNavButton {
        position: fixed;
        left: 0;
        display: block;
        top: 250px;
        z-index: 99;
        background-color: white;
        border: 0px solid #000000;
        width: 50px;
        text-align: center;
        font-size: 22px;
        padding: 27px 0;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
    #portfolio .leftNavButton.active {
        left: 215px;
    }
    .headerFixed #portfolio .leftNavButton {
        top: 120px;
    }
    #portfolio .leftNavButton.active span {
        opacity: 0;
    }
    #portfolio .leftNavButton.active:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 60%;
        top: 13px;
        left: 24%;
    }
    #portfolio .leftNavButton.active:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 60%;
    }
    #portfolioLeftNav>ul>li>ul {
        display: block;
    }
    /** TODO Rs03 Company */
    #aboutCompany {
        padding: 35px 0;
    }
    #companyNav a {
        font-size: 13px;
        line-height: 35px;
    }
    #historyBlock {
        background-size: cover;
    }
    #companySlideBlock .tabsNav {
        width: 100%;
    }
    #companySlideBlock .tab-pane {
        width: 100%;
    }
    .teamBlock .teamBlockItem .teamImageContainer:hover,
    .teamBlock .teamBlockItem .teamImageContainer:focus {
        left: -250px;
        width: 220%;
    }
    .teamBlock .teamBlockItem .teamImageContainer .teamDescriptionH {
        width: 250px;
        left: 230px;
        padding: 15px 15px 0;
    }
    .teamBlock .teamBlockItem .teamImageContainer:hover .teamDescriptionH p.name {
        font-size: 20px;
        line-height: 20px;
    }
    .teamBlock .teamBlockItem .teamImageContainer:hover .teamDescriptionH p.post {
        font-size: 14px;
    }
    .teamBlock .teamBlockItem .teamImageContainer:hover .teamDescriptionH p {
        line-height: 22px;
    }
    .teamBlock .teamBlockItem .teamImageContainer:hover .teamDescriptionH .btn {
        padding: 10px 25px;
    }
    .clients a {
        width: 100%;
        margin: 0 0 20px;
    }
    #companySlideBlock .tabsNavContainer:before {
        content: none;
    }
    #companySlideBlock .tabsNav li {
        display: block;
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }
    #companySlideBlock .tabsNav li:before {
        content: "";
        position: absolute;
        width: 100%;
        bottom: 0;
        border-top: 1px solid #373737;
        border-bottom: 1px solid #d9d9d9;
    }
    /** TODO Rs03 Vacancies */
    .vacancies .item p.name {
        font-size: 25px;
        line-height: 45px;
    }
    /** TODO Rs03 Blog */
    .leftSidebar .leftNavButton {
        top: 180px;
    }
	.withLine .leftSidebar .leftNavButton {
        top: 246px;
    }
    #blog.moved {
        -webkit-transform: translateX(320px);
        -moz-transform: translateX(320px);
        -ms-transform: translateX(320px);
        -o-transform: translateX(320px);
        transform: translateX(320px);
    }
    .visibleSidebar #leftSidebarNav {
        width: 320px;
        padding: 9px 20px;
        top: 105px;
        height: calc( 100vh - 105px );
    }
    .headerFixed .visibleSidebar #leftSidebarNav {
        top: 92px;
        height: calc( 100vh - 92px );
    }
    .visibleSidebar .openSidebar {
        top: 115px;
    }
    .headerFixed .visibleSidebar .openSidebar {
        top: 100px;
    }
    .withLine .visibleSidebar #leftSidebarNav {
        top: 143px;
        height: calc( 100vh - 143px );
    }
    .withLine .visibleSidebar .openSidebar {
        top: 148px;
    }
    .headerFixed.withLine .visibleSidebar #leftSidebarNav {
        top: 120px;
        height: calc( 100vh - 120px );
    }
    .headerFixed.withLine .visibleSidebar .openSidebar {
        top: 125px;
    }
    /** TODO Rs03 News*/
    #news #newsContainer .item {
        height: auto;
    }/*
    .main #slider {
        display: none;
    }*/
	.search-query{
		max-width: none;
	}
	
	.search-form .btn-primary{
		display: block;
		margin: auto;
		font-size: 17px;
	}
    #portfolioItem .info dl dt,
    #portfolioItem .info dl dd {
        text-align: center;
    }
    .socialBlock {
        text-align: center;
    }
    #breadcrumbs.videoBackground .breadcrumb {
        display: none;
    }
    .videoBackground .playVideo,
    .videoBackground .stopVideo {
        position: static;
    }
    .leftSidebar.floatingSidebar {
        width: 320px;
        padding: 9px 35px;
        height: calc(100vh - 105px);
        top: 105px;
    }
    .headerFixed .leftSidebar.floatingSidebar {
        height: calc(100vh - 92px);
        top: 92px;
    }
    .withLine.headerFixed .leftSidebar.floatingSidebar {
        height: calc(100vh - 120px);
        top: 120px;
    }
    .withLine .leftSidebar.floatingSidebar {
        height: calc(100vh - 143px);
        top: 143px;
    }
    .openSidebar {
        top: 110px;
    }
    .withLine .openSidebar {
        top: 168px;
    }
    .openSidebar.closeNav {
        left: 283px;
    }
    .headerFixed .openSidebar {
        top: 101px;
    }
    .withLine.headerFixed .openSidebar {
        top: 134px;
    }
    .blueSection,
    .whiteSection,
    .graySection,
    #whyWe {
        padding: 40px 0;
    }
    .blueSection h2,
    #whyWe .h2,
    #mainProjects.servicesProject .h2 {
        margin-bottom: 40px;
    }
    #mainFormWrapper.servicesForm {
        padding-bottom: 40px;
    }
    .accordionBlock .item .header {
        font-size: 16px;
        padding: 15px 40px 15px 20px;
    }
    #breadcrumbs.videoBackground h1,
    #breadcrumbs.videoBackground .stopVideo,
    #breadcrumbs.videoBackground .playVideo {
        padding-left: 40px;
    }
    #breadcrumbs.videoBackground {
        padding: 20px 0;
    }
    .accordionBlock .item .header .arrow {
        right: 15px;
        font-size: 24px;
        line-height: 24px;
        margin-top: -12px;
    }
    #whyWe .item .icon {
        font-size: 47px;
        margin-right: 15px;
    }
    .steps .item .header .h3 {
        width: calc(100% - 58px);
    }
    .videoControls {
        bottom: 20px;
    }
    .videoControls a {
        width: calc( 25% - 30px);
    }
    .business_area_link a {
        font-size: 12px;
        line-height: 14px;
    }
    .business_area_link {
        padding: 5px 15px !important;
    }
    .withLine.second #header {
        height: 143px;
    }
    .business_area_link {
        height: 38px;
    }
    .headerFixed .business_area_link {
        height: auto;
    }
    #breadcrumbs.move,
    #second.move,
    #footer.move {
        -webkit-transform: translateX(320px);
        -moz-transform: translateX(320px);
        -ms-transform: translateX(320px);
        -o-transform: translateX(320px);
        transform: translateX(320px);
    }
    .mainSliderTitle {
        font-size: 28px;
        line-height: 36px;
    }
    #slider {
        height: auto;
    }
    .sliderWrap {
        height: 500px;
        position: relative;
    }
}
@media (max-width: 480px) {
    /** TODO Rs04 Vacancies */
    .vacancies .gridSizer,
    .vacancies .item {
        width: 100%;
        margin-bottom: 15px;
    }
    #tabsBlock .tabsNav ul li {
        flex-grow: initial;
        width: 100%;
    }
    #tabsBlock .tabsNav ul {
        flex-wrap: wrap;
    }
    .withLine.second #header {
        height: 143px;
    }/*
    .withLine .openSidebar {
        top: 180px;
    }
    .withLine .leftSidebar.floatingSidebar {
        height: calc(100vh - 171px);
        top: 171px;
    }*/
    .headerFixed .business_area_link a {
        font-size: 10px;
    }
    .headerFixed .business_area_link {
        height: auto;
    }
    .mainSliderTitle {
        font-size: 22px;
        line-height: 30px;
    }
    .sliderWrap {
        height: 300px;
    }
}
/*---------------------------- Other ----------------------------*\
.other {

	Тень элемента
	
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);
	-khtml-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);
	
	Закругление углов
	
	border-radius: 6px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	-khtml-border-radius: 6px;
	
	Время и тип анимации
	
	-moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
	
	Масштаб изображения
	
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	
	Маска для маштаба изображения с скругленными углами в контейнере
	
	-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
\*---------------------------- Other ----------------------------*/
@media(max-width: 768px){
    .article ol li:before{
        top: 2px;
        left: -28px;
    }
    .article ul, .article ol{
        padding-left: 30px;
    }
    .article ul li:before{
        top: 8px;
    }
    .article ul li p br + br, .article ol li p br + br{
        display: none;
    }
}