/*
 * RESPONSIVE STYLES
*/

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  .billboard {
        padding: 15% 0;
    }
}

@media (max-width: 1380px) {
    .list-box .inform-block {
        width: calc(25% - 28px);
    }

    .press-page {
        padding: 50px 60px 70px 60px;
        margin-bottom: 35px;
    }

    .press-page h6 {
        margin-bottom: 30px;
    }

    .person-info-item .main-info {
        padding: 50px 30px 30px 100px;
        min-height: 380px;
    }

    .person-info-item .img-box {
        width: 300px;
        margin: -25px -80px 0 -220px;
    }

    .home .box-holder .content-box {
        padding: 80px;
    }

    /* .home .transactions-slider .slick-prev {
        left: -3%;
    }

    .home .transactions-slider .slick-next {
        right: -3%;
    } */

    .home .box-holder {
        padding: 94px 0 0;
    }

    .home .img-box {
        height: 450px;
    }

    .error404 .sub-content {
        max-width: 470px;
    }

}

/* Large desktop */
@media (max-width: 1200px) {
    h1 {
        font-size: 46px;
    }

    h2 {
        font-size: 38px;
    }

    h3 {
        font-size: 34px;
    }

    h4 {
        font-size: 32px;
    }

    h5 {
        font-size: 28px;
    }

    h6 {
        font-size: 20px;
    }

    .title-box .title-text {
        font-size: 16px;
    }

    .mb-30 {
        margin-bottom: 25px;
    }

    .mb-50 {
        margin-bottom: 40px;
    }

    .mb-80 {
        margin-bottom: 60px;
    }

    .nav .menu {
        max-width: 550px;
        padding: 150px 10px 20px;

    }

    .menu-btn {
        margin-left: 100px;
        width: 40px;
    }

    .header-search input[type=search] {
        width: 170px;
    }

    .home .default-section.team .title-box {
        margin-bottom: 60px;
    }

    .home .slider-box,
    .home .img-box {
        margin-top: -3%;
    }

    .home .img-box {
        height: 400px;
    }

    .home .box-holder .content-box {
        padding: 40px;
    }

    .home .background-box {
        padding-top: 45px;
    }

    .home .slider-holder {
        margin: 20px 0 20px;
        padding: 10px 0 40px;
    }

    .home .default-section.team .frame-sub-title {
        font-size: 22px;
        margin-bottom: 50px;
    }

    .home .slider-holder .pull-down:before {
        width: 60px;
        height: 60px;
    }

    .case-studies .sub-content-box {
        padding: 35px 25px;
    }

    .list-box .inform-block {
        width: calc(33.33% - 28px);
    }

    .case-studies .list-box {
        padding: 30px 0;
    }

    .modal-dialog {
        width: 800px;
    }

    .press .list .list-item {
        padding: 30px;
    }

    .vbox-inline {
        padding-left: 190px !important;
    }

    .person-info-item .img-box {
        width: 250px;
        margin: -25px -60px 0 -190px;
    }

    .person-info-item .main-info {
        padding: 30px 30px 20px 80px;
        min-height: 300px;
    }

    .person-info-item .main-info .content {
        padding-left: 15px;
    }

    .person-info-item .img-box .vbox-prev {
        right: 52px;
    }

    .press-page.entry-content time {
        margin-bottom: 25px;
    }

    .press-page.entry-content h2 {
        font-size: 30px;
    }

    .contacts .content-box {
        padding: 40px 25px 60px;
        width: 400px;
    }

    .contacts .content-box .inform-box.center {
        margin: 0 auto 40px;
    }

    .contacts .content-box .inform-box.decorated {
        margin-bottom: 50px;
    }

    .contacts .content-box .inform-box.decorated:before {
        left: -30px;
        right: -30px;
    }

    .error404 .main .sub-content {
        padding-left: 15px;
        max-width: 410px;
    }

    .error404 .main .content {
        padding: 65px 40px 30px;
    }

    .home .box-holder {
        padding: 76px 0 0;
    }
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) {
    .home .slider-box, .home .img-box {
        height: inherit;
    }

    .row [class^="col-md"]:not(:last-child) {
        margin-bottom: 15px;
    }

    h1, h2, h3, h4, h5, h6 {
        margin-bottom: 15px;
    }

    h1 {
        font-size: 44px;
    }

    h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 32px;
    }

    h4 {
        font-size: 28px;
    }

    h5 {
        font-size: 26px;
    }

    h6 {
        font-size: 18px;
    }

    .mb-30 {
        margin-bottom: 20px;
    }

    .mb-50 {
        margin-bottom: 30px;
    }

    .mb-80 {
        margin-bottom: 45px;
    }

    .site-footer {
        padding: 30px 0;
    }

    address p {
        margin-bottom: 10px;
    }

    .site-footer .menu {
        justify-content: center;
        margin: 0 -15px;
        font-size: 14px;
    }

    .site-footer .menu li {
        padding: 5px 10px;
    }

    .nav .menu {
        max-width: 350px;
    }

    .nav .menu li a {
        font-size: 18px;
    }

    .nav .menu li {
        padding: 15px;
    }

    .header,
    .home .header {
        padding: 35px 0;
        background: #fff;
    }

    .home .header.out-position,
    .header.out-position {
        padding: 25px 0;
    }

    .header-search input[type=search] {
        width: 120px;
    }

    .menu-btn {
        margin-left: 30px;
        width: 30px;
    }

    .menu-btn > span {
        height: 3px;
    }

    .menu-btn > span:before, .menu-btn > span:after {
        height: 3px;
    }

    .menu-btn > span:before {
        top: -7px;
    }

    .menu-btn > span:after {
        bottom: -7px;
    }

    .default-section {
        padding: 40px 0;
    }

    .tab-nav-list {
        margin: 0 -15px 35px -15px;
    }

    .case-studies .content-box:not(:last-child) {
        margin-bottom: 40px;
    }

    .case-studies .sub-content-box .img-box:not(:last-child) {
        margin-bottom: 20px;
    }

    .case-studies .sub-content-box p {
        margin-bottom: 20px;
    }

    .case-studies .sub-content-box {
        -webkit-box-shadow: 0 20px 46px 0 rgba(25, 25, 25, 0.14);
        box-shadow: 0 20px 46px 0 rgba(25, 25, 25, 0.14);
        padding: 15px 5px;
        margin-left: -130px;
    }

    .case-studies .sub-content-box .img-box {
        max-width: 80%;
        margin: 0 auto;
    }

    .content-box .holder p + p {
        margin-top: 15px;
    }

    .case-studies .content-box {
        padding: 35px 15px 40px 0;
        margin-left: 130px;
    }

    .list-box .inform-block {
        width: calc(50% - 28px);
    }

    .case-studies .list-box {
        padding: 20px 5px;
    }

    .filter-holder {
        margin-bottom: 40px;
    }

    .info-modal .modal-dialog {
        width: 700px;
    }

    .info-modal .modal-header {
        padding-top: 5px;

    }

    .info-modal .modal-content p {
        margin-bottom: 15px;
    }

    .press-page {
        padding: 35px 45px 55px 45px;
        margin-bottom: 20px;
    }

    .press-page h6 {
        margin-bottom: 20px;
    }

    .press-page p + p {
        margin-top: 15px;
    }

    .press-page.entry-content h2 {
        font-size: 28px;
    }

    .pagination-nav {
        padding-left: 105px;
        margin: -48px 0 0 0;
    }

    .pagination-nav .pull-left a:before, .pagination-nav .pull-right a:before {
        width: 57px;
        height: 57px;
        font-size: 17px;
        line-height: 57px;
    }

    .vbox-inline {
        overflow-y: auto;
    }

    .person-info-item .img-box {
        width: 200px;
        position: static;
        margin: 0 auto 15px;
        float: none;
    }

    .person-info-item {
        margin: 0;
        background: #f5f5f5;
        padding: 15px;
    }

    .person-info-item .main-info {
        padding: 0;
        overflow: visible;
        max-height: none;
        min-height: 0;
    }

    .person-info-item .main-info .content {
        padding: 15px;
        border-left: none;
    }

    .vbox-overlay > .vbox-next,
    .vbox-overlay > .vbox-prev {
        opacity: 1;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .vbox-overlay > .vbox-next {
        right: 1%;
    }

    .vbox-overlay > .vbox-prev {
        left: 1%;
    }

    .vbox-inline {
        padding: 0 60px !important;
    }

    .vbox-close {
        right: 30px;
    }

    .press .list [class^="col-"] {
        margin-bottom: 0;
    }

    .core-competencies .background-box .content-box {
        width: 500px;
        padding: 30px;
    }

    .core-competencies h4 {
        font-size: 30px;
    }

    .core-competencies .background-box {
        padding: 60px 0;
    }

    .core-competencies .background-box + .background-box {
        margin-top: 30px;
    }

    .error404 .main {
        padding: 25px;
    }

    .error404 .main .content {
        min-height: calc(100vh - 50px);
        padding: 65px 20px 30px;
    }

    .error404 .main .sub-content {
        width: 100%;
        text-align: center;
        max-width: 100%;
        padding-left: 0;
    }

    .error404 .main h4 {
        margin-bottom: 60px;
    }

    .error404 .main .mistake-title {
        font-size: 280px;
        line-height: 1;
    }

    .error404 .sub-content .info {
        font-size: 20px;
    }

    .error404 .sub-content .info.main-info {
        font-size: 16px;
    }

    .error404 .main .background-box, .main .billboard .background-box {
        width: 100%;
        position: static;
    }

    .home .box-holder .content-box {
        width: 100%;
        margin-right: 0;
    }

    .home .box-holder {
        padding: 0;
    }

    .home .slider-box,
    .home .img-box {
        width: 100%;
        margin: 20px 0;
    }

    .home .box-holder .pull-down {
        left: 50%;
        transform: translateX(-50%);
        bottom: -6%;
    }

    .home .home-slider .slick-next {
        left: 10%;
        bottom: -6%;
    }

    .title-box {
        margin: 20px 0;
    }

    .home .title-box {
        margin: 30px 0;
    }

    .home .background-box {
        padding-top: 50px;
    }

    .home .default-section.team .title-box {
        margin-bottom: 40px;
    }

    .home .slider-holder {
        margin: 20px 0 40px;
        padding: 5px 0 35px;
    }
    /* .home .transactions-slider {
        margin: 37px 0 25px;
        padding: 0 50px;
    } */

    .home .default-section.team .frame-sub-title {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .contacts .background-box {
        margin-bottom: -40px;
    }

    .about-us-section .box-holder {
        flex-wrap: nowrap;
    }

    .about-us-section .box-holder .content-box {
        width: 70%;
    }

    .about-us-section .box-holder .slider-box {
        width: 50%;
        margin: -3% 0 0 -15%;
    }

    .billboard {
        flex-wrap: wrap;
        min-height: inherit;
        padding: 0;
    }

    .error404 .main .background-box, .main .billboard .background-box {
        position: static;
        padding-top: 70%;
    }

    .billboard_content {
        padding: 30px 0 !important;
        color: rgb(0, 0, 0);
        text-align: justify;
    }

    .billboard_content h1 {
        text-align: left;
    }

    .billboard_content h2,
    .billboard_content h3 {
        font-size: 20px;
        font-weight: bold;
    }

    .search-result h3 {
        font-size: 22px;
    }

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .info-modal.modal {
        top: 0
    }

    .row [class^="col-"]:not(:last-child) {
        margin-bottom: 15px;
    }

    .press .list [class^="col-"] {
        margin-bottom: 0;
    }

    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 28px;
    }

    h5 {
        font-size: 24px;
    }

    .mb-30 {
        margin-bottom: 15px;
    }

    .mb-50 {
        margin-bottom: 20px;
    }

    .mb-80 {
        margin-bottom: 30px;
    }

    .home .header.out-position,
    .header.out-position,
    .header {
        padding: 25px 0;
    }

    .menu-btn {
        margin-left: 10px;
    }

    .header .search-form {
        transition: 0.3s;
        position: fixed;
        top: -100%;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 200;
    }

    body.open-mobile-search-panel .search-form {
        top: 0;
    }

    .header .search-form input[type=search] {
        width: 100%;
        padding: 0 40px;
        height: 40px;
        border: 0;
    }

    .js--close-form {
        display: block;
        position: absolute;
        top: 10px;
        left: 10px;
        width: 16px;
        cursor: pointer;
    }

    .header .search-form label {
        width: 100%;
        margin: 0;
    }

    .header .search-form input[type="submit"] {
        position: absolute;
        top: 9px;
        right: 13px;
    }

    .header .nav .search-form {
        display: block;
    }

    .title-box {
        margin: 15px 0;
    }

    .nav .menu {
        max-width: 100%;
    }

    .nav .menu li {
        padding: 10px;
    }

    .nav .menu li a {
        font-size: 16px;
    }

    .email-holder {
        text-align: left;
        margin-bottom: 20px;
    }

    .site-footer .caption {
        text-align: center;
    }

    .menu-btn > span {
        height: 2px;
    }

    .menu-btn > span:before, .menu-btn > span:after {
        height: 2px;
    }

    .menu-btn > span:before {
        top: -5px;
    }

    .menu-btn > span:after {
        bottom: -5px;
    }

    .nav .close-btn .fa-times {
        font-size: 18px;
    }

    .tab-nav-list {
        margin: 0 -10px 20px;
    }

    .tab-nav-list li {
        padding: 0 10px;
    }

    .default-section {
        padding: 20px 0;
    }

    .home .title-box {
        margin: 25px 0;
    }

    .home .slider-holder .pull-down {
        bottom: -10%;
    }

    .case-studies .content-box .holder {
        padding-left: 0;
        border: none;
    }

    .case-studies .content-box {
        padding: 20px;
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .case-studies .sub-content-box {
        padding: 15px 5px;
        margin: 0 auto 30px;
        -webkit-box-shadow: 0 15px 46px 0 rgba(25, 25, 25, 0.14);
        box-shadow: 0 15px 46px 0 rgba(25, 25, 25, 0.14);
        float: none;
    }

    .content-box .holder p + p {
        margin-top: 10px;
    }

    .case-studies .list-box {
        margin: 0 -10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .list-box .inform-block {
        width: 100%;
        max-width: 290px;
        margin: 0 10px 15px;
        float: none;
        padding: 15px;
    }

    .info-modal .modal-dialog {
        width: auto;
    }

    .info-modal .img-box img + img {
        margin: 10px 0 0 10px;
    }

    .info-modal .img-box:after {
        margin: 15px auto;
    }

    .info-modal .modal-content {
        padding: 25px;
    }

    .info-modal .img-box {
        margin-bottom: 20px;
    }

    .press .list-item time {
        margin-bottom: 15px;
    }

    .press .list-item .news-title {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .press .list-item .more.btn {
        margin-top: 0;

    }

    .press-page {
        padding: 25px 35px 45px 35px;
        margin-bottom: 10px;
    }

    .press-page h6 {
        margin-bottom: 15px;
    }

    .press-page.entry-content time {
        margin-bottom: 20px;
    }

    .press-page.entry-content h2 {
        font-size: 24px;
    }

    .vbox-inline {
        padding: 0 !important;
    }

    .person-info-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .person-info-list .person-item {
        margin-bottom: 15px;
    }

    .vbox-close {
        right: 15px;
        top: 15px;
    }

    .person-info-item .main-info .img-sub-title {
        margin-bottom: 5px;
    }

    .contacts .content-box {
        padding: 20px 20px 30px;
        width: 100%;
    }

    .contacts .content-box .inform-box {
        margin-bottom: 20px;
    }

    .contacts .content-box .flex-box:after {
        margin-top: 0;
    }

    .contacts .content-box .inform-box.decorated {
        margin-bottom: 40px;
        padding: 30px 0;
    }

    .contacts .content-box .inform-box.decorated:before {
        left: -20px;
        right: -20px;
    }

    .core-competencies .background-box .content-box {
        width: 100%;
        padding: 20px;
        max-width: 450px;
    }

    .core-competencies .background-box {
        padding: 30px 0;
    }

    .core-competencies .content-box .holder {
        padding-left: 10px;
    }

    .core-competencies h4 {
        font-size: 28px;
    }

    .error404 .main .mistake-title {
        font-size: 170px;
    }

    .error404 .main {
        padding: 10px;
    }

    .error404 .main .sub-content {
        padding-left: 10px;
    }

    .error404 .main .content {
        min-height: calc(100vh - 20px);
        padding: 40px 10px 20px;
    }

    .error404 .sub-content .info {
        font-size: 16px;
    }

    .error404 .sub-content .info.main-info {
        font-size: 12px;
    }

    .error404 .main .background-box {
        width: 100%;
    }

    .home .home-slider .slick-next {
        left: 2%;
        bottom: -8%;
    }

    .home .img-box {
        height: 250px;
    }

    .home .box-holder .pull-down {
        bottom: -12%;
    }

    .pagination-nav {
        padding-left: 77px;
        margin: -36px 0 0 0;
    }

    .pagination-nav .pull-left a:before,
    .pagination-nav .pull-right a:before,
    .pull-down:before, .slick-next:before,
    .slick-prev:before {
        width: 55px;
        height: 55px;
        font-size: 16px;
        line-height: 55px;
    }

    .home .content-box .more.btn {
        margin: 20px 30px;
    }

    .home .background-box {
        background: center center no-repeat;
        background-size: cover;
    }

    .home .transactions-slider .slick-arrow:before {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }

    /* .home .transactions-slider {
        margin: 15px 0;
    } */

    .home .transactions-slider .slick-slide div div {
        height: 80px;
    }

    .home .slider-holder {
        margin: 20px 0 60px;
        padding: 5px 0 15px;
    }

    .home .slider-holder .pull-down:before {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .home .img-box {
        height: 170px;
    }

    .home .frame-box {
        width: 400px;
        height: 220px;
        margin: 0 auto 25px;
    }

    .home .default-section.team .sub-title {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .home .default-section.team .frame-sub-title {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .home .background-box.box-overlay {
        min-height: 300px;
    }

    .home .content-box .holder p {
        text-align: justify;
    }

    .home .box-holder .content-box {
        padding: 35px 25px 20px;
    }

    .home .content-box .holder h3 {
        text-align: left;
    }

    .search-result h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .core-competencies .background-box .content-box {
        background-color: rgba(255, 255, 255, .85);
    }

    .contacts .content-box {
        background-color: rgba(255, 255, 255, .8);
    }
}

@media (max-width: 740px) {
    .filter-holder > select {
        display: block;
        margin: 15px auto;
        max-width: 300px;
        width: 100%;
    }

    .filter-holder > select#service {
        margin-bottom: 0;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    body {
        font-size: 14px;
    }

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 22px;
    }

    h5 {
        font-size: 20px;
    }

    h6 {
        font-size: 16px;
    }

    .header {
        padding: 15px 0;
    }

    .header.out-position {
        padding: 15px 0;
    }

    .header .logo {
        max-width: 210px;
    }

    .menu-btn {
        margin: 0;
        width: 20px;
    }

    .site-footer {
        padding: 20px 0;
    }

    .nav .close-btn .fa-times {
        font-size: 16px;
    }

    .title-box .title-line {
        margin-left: 5px;
    }

    .title-box .title-text {
        font-size: 14px;
    }

    .tab-nav-list li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        padding: 0 5px;
    }

    .case-studies .sub-content-box p {
        margin-bottom: 10px;
    }

    .case-studies .sub-content-box .img-box:not(:last-child) {
        margin-bottom: 10px;
    }

    .case-studies .content-box {
        padding: 15px;
    }

    .case-studies .sub-content-box {
        width: 250px;
    }

    .info-modal .img-box img {
        display: block;
        margin: 0 auto;

    }

    .info-modal .img-box img + img {
        margin: 10px auto 0;
    }

    .info-modal .modal-header {
        padding: 10px 3px 0 3px;
        border-bottom: none;
    }

    .press .list .list-item {
        padding: 15px;
    }

    .press-page {
        padding: 20px 20px 30px 20px;
        margin-bottom: 10px;
    }

    .pagination-nav {
        padding-left: 6%;
        margin: -25px 0 20px 0;
    }

    .pagination-nav .pull-left a:before, .pagination-nav .pull-right a:before {
        width: 50px;
        height: 50px;
        font-size: 16px;
        line-height: 50px;
    }

    .contacts .content-box {
        padding: 20px;
    }

    .contacts .content-box .inform-box.decorated {
        margin-bottom: 20px;
        padding: 20px 0;
    }

    .contacts .content-box .inform-box {
        width: 100%;
        margin-bottom: 15px;
    }

    .contacts .content-box .flex-box {
        margin-bottom: 20px;
    }

    .contacts .content-box .inform-box.center {
        width: 100%;
        margin: 0 auto 20px;
    }

    address .fa {
        margin-right: 5px;
        font-size: 16px;
    }

    .core-competencies .background-box .content-box {
        padding: 15px 10px;
    }

    .core-competencies .background-box + .background-box {
        margin-top: 20px;
    }

    .core-competencies h4 {
        font-size: 24px;
    }

    .error404 .main h4 {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .error404 .main .mistake-title {
        font-size: 100px;
    }

    .error404 .sub-content .info {
        font-size: 14px;
    }

    .core-competencies .content-box .holder {
        padding-left: 20px;
        padding-right: 10px;
        margin-left: 10px;
    }

    .home .content-box .more.btn {
        margin: 10px 0;
    }

    .btn.more {
        font-size: 14px;
    }

    .home .frame-box {
        width: 250px;
        height: 135px;
    }

    .home .box-holder .content-box {
        padding: 20px;
    }

    .home .default-section.team .frame-sub-title {
        font-size: 16px;
    }

    .about-us-section .box-holder .slider-box {
        margin: -3% 0 0 -2%;
    }

    .about-us-section .box-holder .slider-box ._replace_image {
        padding-bottom: 150%;
    }

    .person-info-list .person-item .img-title {
        margin-bottom: 5px;
        font-size: 16px;
    }

    .person-info-list .person-item .img-sub-title {
        font-size: 12px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .js--open-search-form {
        display: none !important;
    }

    .search-form {
        margin-right: 10px;
    }
}

@media only screen /*ipad mini portrait styles */
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
    .site-footer .menu {
        -webkit-justify-content: center;
        justify-content: center;
        margin: 0 -15px;
        font-size: 14px;
    }
}