@media (min-width: 992px) {
  .col-md-10 {
    width: 81.33333333%; }
  .col-md-offset-1 {
    margin-left: 10.33333333%; } }

@media (min-width: 1600px) {
  /* ***** Clients (Main) ***** */
  .clients {
    margin-bottom: 30px; } }

@media (min-width: 1600px) and (max-width: 1925px) {
  /* ***** Side Menu ***** */
  .side-menu .side-menu-links > ul > li a {
    font-size: 2.1rem; } }

@media (min-width: 1925px) {
  html {
    font-size: 14px; }
  /* ***** Clients (Main) ***** */
  .client img {
    min-width: 40%; } }

@media (min-width: 2570px) {
  html {
    font-size: 18px; } }

@media (min-width: 3656px) {
  html {
    font-size: 22px; } }

@media (min-width: 4096px) {
  html {
    font-size: 25px; } }

@media (max-width: 1600px) {
  html {
    font-size: 9px; }
  .ptb-15rem {
    padding-top: 10rem;
    padding-bottom: 10rem; }
  .mt-20rem {
    margin-top: 15rem; }
  .mtb-20rem {
    margin-top: 15rem;
    margin-bottom: 15rem; }
  .editor-body h2 {
    font-size: 6rem;
    margin-bottom: 4rem; }
  .editor-body h3 {
    font-size: 5.5rem;
    margin-bottom: 4rem; }
  .editor-body p {
    margin-bottom: 4rem; }
  /* ***** Header ***** */
  .menu-toggler {
    top: 4.4rem;
    left: 3.8rem; }
  header {
    top: 4rem; }
  .fixed-anchors {
    padding: 3.6rem 3rem 3.6rem 3.4rem; }
  .scroll-top {
    right: 3.8rem;
    bottom: 3.6rem; }
  /* ***** Side Menu ***** */
  .side-menu .close-side-menu-2 {
    top: 3.6rem;
    left: 3.8rem;
    width: 3.7rem;
    height: 3.7rem; }
  /* ***** Main Page ***** */
  .tools .swiper-slide {
    min-height: 23vw; }
  .main-goals {
    position: absolute;
    font-size: 3rem;
    bottom: 10rem; }
    .main-goals strong {
      margin-bottom: 3rem; }
    .main-goals h3 {
      font-size: 3rem; }
  .contact-form-wrapper .next {
    right: 8rem;
    bottom: 4rem; }
  .contact-form-wrapper .about-customer {
    padding: 6rem 8.5rem 12rem 8.5rem; }
    .contact-form-wrapper .about-customer h4 {
      font-size: 4.4rem;
      margin-bottom: 4rem; }
    .contact-form-wrapper .about-customer .form-group {
      border-bottom: 2px solid #cdd3d8;
      margin-bottom: 2rem; }
    .contact-form-wrapper .about-customer input {
      margin-left: 2rem; }
  .contact-form-wrapper .interested-categories {
    padding: 6rem 8.5rem 12rem 8.5rem; }
    .contact-form-wrapper .interested-categories .category h3 {
      margin-bottom: 4rem; }
  /* ***** Service Inner ***** */
  .service-intro .title-action h1 {
    font-size: 5rem;
    max-width: 55rem; }
  .service-intro .title-action .goals {
    font-size: 2.2rem; }
    .service-intro .title-action .goals strong {
      margin: 1rem 0 2rem 0; }
  .service-intro .order-now {
    margin-top: 6rem; }
    .service-intro .order-now a {
      font-size: 3rem; }
  .service-content .text {
    padding: 0 10% 0 11.35%; }
  .service-content .side-bnr .title {
    left: 40px;
    right: 40px;
    bottom: 40px;
    font-size: 4rem;
    line-height: 4.5rem; }
  .other-services .swiper-slide .title {
    font-size: 4.5rem;
    line-height: 4.8rem; }
  /* ***** Pricings Page ***** */
  .pricings-page .page-title {
    font-size: 4.2rem;
    margin: 0 0 5rem 0;
    max-width: 80rem; }
  .pricings-list {
    margin: 0 0 14rem 0; }
    .pricings-list .pricing-category {
      font-size: 3rem;
      margin: 0 0 3rem 0; }
    .pricings-list ul {
      padding: 2.5rem; }
      .pricings-list ul li {
        padding: .8rem 0;
        font-size: 1.9rem; }
  .pricings-by li {
    font-size: 2.8rem;
    padding: .8rem 2rem; }
    .pricings-by li img {
      margin: -.5rem 2rem 0 0; }
  /* ***** Pricing Inner ***** */
  .pricing-inner {
    margin-top: 10.5rem; }
    .pricing-inner .title-action h1 {
      margin: 0 0 1.5rem 0; }
    .pricing-inner .title-action p {
      font-size: 2rem; }
  .conditions li {
    padding: 0 0 3rem 7rem;
    margin-bottom: 3rem; }
    .conditions li:before {
      width: 4.5rem;
      height: 4rem; }
    .conditions li strong {
      font-size: 1.6rem; }
    .conditions li p {
      font-size: 2rem;
      line-height: 2.2rem; }
  .cooperate-now {
    font-size: 3.2rem; }
  /* ***** Pricing Inner V2 ***** */
  .channels .channel-name {
    font-size: 2.6rem;
    line-height: 3rem; }
  .channels .panel {
    margin: 0 0 1.5rem 0; }
    .channels .panel span {
      min-width: 2.7rem;
      min-height: 2.7rem;
      margin: .5rem 1.5rem 0 0; }
      .channels .panel span b {
        margin-top: -.35rem; }
    .channels .panel .channel-desc {
      padding: 0 0 0 4.3rem; }
  /* ***** Portfolio Inner ***** */
  .project-description h2 {
    font-size: 6rem;
    margin-bottom: 4rem; }
  .project-description h3 {
    font-size: 5.5rem;
    margin-bottom: 4rem; }
  .project-description p {
    margin-bottom: 4rem; }
  /* ***** FAQ Page ***** */
  .faq-page .title {
    margin-bottom: 4rem; }
  .faq-block-wrapper .faq-block li {
    margin-bottom: 2rem; }
  .faq-block-wrapper .faq-category {
    margin-bottom: 2.5rem; } }

@media (max-width: 1366px) {
  /* ***** Side Menu ***** */
  .side-menu .side-menu-links {
    margin: 10rem auto 7rem auto; }
    .side-menu .side-menu-links > ul {
      padding: 0 25px; }
  /* ***** Main Page ***** */
  .portfolio .swiper-wrapper .name {
    margin: 1.5rem 0 0 3rem;
    font-size: 2.4rem; }
  .tools .swiper-slide {
    padding: 2rem; }
    .tools .swiper-slide h4 {
      font-size: 3.4rem;
      margin-bottom: 2.2rem; }
    .tools .swiper-slide h5 {
      font-size: 2rem; }
  /* ***** FOOTER ***** */
  footer .inner {
    padding: 10rem 0; }
  footer .bottom {
    padding: 3rem 0; }
  .subscribe {
    width: 30%; }
    .subscribe h2 {
      font-size: 3rem;
      margin-bottom: 5rem; }
  .footer-menu ul {
    margin-bottom: 30px;
    width: 33.3%; }
    .footer-menu ul p {
      margin-bottom: 1.5rem; }
  /* ***** FAQ Page ***** */
  .faq-block-wrapper:nth-child(odd) {
    padding-right: 2rem; }
  .faq-block-wrapper:nth-child(even) {
    padding-left: 2rem; }
  .faq-block-wrapper .faq-block {
    margin-bottom: 4rem; }
    .faq-block-wrapper .faq-block li {
      margin-bottom: 1.5rem; }
  .faq-block-wrapper .faq-category {
    margin-bottom: 2rem; }
  /* ***** Blog Page ***** */
  .blog-content .page-title {
    font-size: 3.2rem;
    margin-bottom: 8rem; }
  .blog-post {
    margin-bottom: 6rem;
    padding-bottom: 3rem; }
    .blog-post .post-title a {
      font-size: 4.2rem; }
    .blog-post .date-author {
      margin-bottom: 2rem; }
  .blog-categories {
    margin-bottom: 10rem; }
    .blog-categories p {
      margin-bottom: 3rem; }
    .blog-categories li {
      padding: 1.2rem 0; }
  /* ***** Blog Inner Page ***** */
  .service-inner-page.blog-inner-page .service-intro .title-action h1 {
    font-size: 4rem; }
  .blog-inner-content .content-body .blog-categories {
    padding: 2rem 3.5rem; }
    .blog-inner-content .content-body .blog-categories ul {
      padding: 2rem 3.5rem;
      margin-top: 2rem; }
  .post-question {
    padding: 4rem 5rem; }
    .post-question button {
      font-size: 2.4rem;
      width: 47%; }
      .post-question button p {
        width: 47%; } }

@media (max-width: 1200px) {
  /* ***** Header ***** */
  .main-menu li {
    margin-left: 2.5rem; }
  /* ***** Side Menu ***** */
  .side-menu .side-menu-links > ul {
    padding: 0 35px; }
  /* ***** Main Page ***** */
  .main-page-intro {
    min-height: 50vh; }
    .main-page-intro .intro-content {
      min-height: 50vh; }
    .main-page-intro .we-offer > h3 {
      display: none; }
    .main-page-intro .we-offer .anchor-slider {
      width: 100%; }
  .contact {
    min-height: 60vh; }
  .contact-form-wrapper .next {
    font-size: 2.4rem;
    right: 5rem; }
    .contact-form-wrapper .next img {
      margin-left: 2rem;
      width: 3rem; }
  .contact-form-wrapper .contact-form-content {
    min-height: 60vh; }
  .contact-form-wrapper .about-customer {
    padding: 4rem 5rem 12rem 5rem; }
    .contact-form-wrapper .about-customer h4 {
      font-size: 4rem;
      margin-bottom: 3rem; }
    .contact-form-wrapper .about-customer .form-group img {
      width: 2.4rem; }
    .contact-form-wrapper .about-customer input {
      margin-left: 15px;
      font-size: 1.4rem; }
  .contact-form-wrapper .interested-categories {
    padding: 4rem 5rem 12rem 5rem; }
    .contact-form-wrapper .interested-categories h2 {
      font-size: 2.4rem;
      margin: 1rem 0 2rem 0; }
    .contact-form-wrapper .interested-categories .category {
      padding: 0 15px;
      width: 50%; }
      .contact-form-wrapper .interested-categories .category h3 {
        font-size: 2rem;
        margin-bottom: 2rem; }
      .contact-form-wrapper .interested-categories .category:nth-child(odd) {
        width: 50%; }
  .contact-form-wrapper .thanks {
    font-size: 4.8rem;
    line-height: 5.2rem; }
    .contact-form-wrapper .thanks .cancel-form {
      top: 4rem;
      right: 6rem;
      width: 3rem; }
    .contact-form-wrapper .thanks p:first-child {
      margin-bottom: 20px; }
  /* ***** Service Inner ***** */
  .other-services .swiper-slide {
    min-height: 24rem; }
    .other-services .swiper-slide .title {
      font-size: 3.5rem;
      line-height: 3.8rem;
      max-width: 40rem; }
  /* ***** Pricings Page ***** */
  .pricings-list {
    margin: 0 0 10rem 0; }
    .pricings-list .pricing-category {
      font-size: 2.7rem; }
    .pricings-list ul li {
      font-size: 1.8rem; }
  .pricings-by li {
    font-size: 2.6rem; }
    .pricings-by li img {
      width: 3rem; }
  /* ***** Footer ***** */
  .subscribe {
    width: 40%; }
  .footer-menu ul {
    width: 50%; } }

@media (max-width: 1024px) {
  /* ***** Service Inner ***** */
  .service-content .text {
    min-width: 60%; }
  .service-content .side-bnr {
    min-width: 40%; } }

@media (max-width: 992px) {
  .ptb-15rem {
    padding-top: 5rem;
    padding-bottom: 5rem; }
  .ptb-10rem {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  .mt-20rem {
    margin-top: 10rem; }
  .mtb-20rem {
    margin-top: 10rem;
    margin-bottom: 12rem; }
  .title-6rem {
    font-size: 4rem;
    margin-bottom: 4rem; }
  .editor-body h2 {
    font-size: 4rem;
    margin-bottom: 3rem; }
  .editor-body h3 {
    font-size: 3.2rem;
    margin-bottom: 3rem; }
  .editor-body h4 {
    font-size: 3rem;
    margin-bottom: 3rem; }
  .editor-body p {
    font-size: 20px;
    margin-bottom: 3rem; }
  .editor-body li:before {
    top: .7rem; }
  .black-correct li {
    padding-left: 3.4rem;
    font-size: 2.8rem;
    line-height: 3.4rem; }
    .black-correct li:before {
      top: .5rem;
      height: 2.8rem;
      width: 2.8rem; }
  .simple-correct li {
    padding-left: 3.2rem;
    font-size: 2.6rem;
    line-height: 3.4rem; }
    .simple-correct li:before {
      top: .5rem;
      width: 2.6rem;
      height: 2.6rem; }
  .arrow-triangle li,
  .arrow-select li {
    padding-left: 4rem;
    font-size: 2.6rem;
    line-height: 3.6rem; }
    .arrow-triangle li:before,
    .arrow-select li:before {
      width: 2.6rem;
      height: 2.6rem; }
  .arrow-select li {
    padding: 0 1.5rem .5rem 5rem; }
    .arrow-select li:before {
      left: 1rem; }
  .arrow-double li {
    padding-left: 3.3rem;
    font-size: 2.4rem;
    line-height: 3.4rem; }
    .arrow-double li:before {
      height: 2.8rem;
      width: 2.8rem; }
  .arrow-targets-colored-green li,
  .arrow-targets-colored-red li {
    padding: .5rem 2.5rem .6rem 4.8rem;
    font-size: 2.6rem;
    line-height: 3.4rem; }
    .arrow-targets-colored-green li:before,
    .arrow-targets-colored-red li:before {
      top: .7rem;
      width: 3rem;
      height: 3rem; }
  /* ***** Header ***** */
  .logo {
    margin-left: 110px; }
  .side-menu .side-menu-links {
    width: calc(100% - 4rem);
    margin: 90px auto 50px auto; }
    .side-menu .side-menu-links > ul p {
      font-size: 2rem;
      margin-bottom: 10px; }
  /* ***** Main page ***** */
  .main-about .title-6rem {
    font-size: 3.4rem;
    margin-bottom: 3.6rem; }
  .service-block {
    margin-bottom: 5rem; }
    .service-block .col-md-10 {
      padding: 0; }
    .service-block .bg-image {
      margin-bottom: 2rem; }
    .service-block h2 {
      font-size: 5rem;
      margin-left: 5.5rem;
      max-width: none; }
      .service-block h2:before {
        left: -4rem; }
  .portfolio .swiper-container, .tools .swiper-container {
    padding: 0 15px; }
  .tools .swiper-slide {
    min-height: 28vw; }
  .faq h3 {
    margin-bottom: 4rem; }
  .faq .swiper-slide h4 {
    margin-bottom: 3rem; }
  .faq .faq-slider {
    width: 100%;
    float: none !important;
    margin: 0;
    padding: 0 15px; }
    .faq .faq-slider .all-questions {
      margin-top: 20px; }
  .clients .col-xs-12 {
    display: flex;
    flex-wrap: wrap; }
  .clients .client {
    padding: 15px 25px;
    height: calc(100% - 30px); }
    .clients .client a {
      display: flex;
      align-items: center; }
  .main-goals {
    position: absolute;
    left: 5%;
    bottom: 8%;
    font-size: 2.4rem; }
    .main-goals strong {
      margin-bottom: 2.4rem; }
    .main-goals h3 {
      font-size: 2.4rem; }
  .contact-form-wrapper .contact-form-content.step-one {
    transform: translate(-15vw); }
  .contact-form-wrapper .contact-form-content.step-two {
    transform: translateX(-115vw); }
  .contact-form-wrapper .next {
    bottom: 15px;
    right: 30px; }
  .contact-form-wrapper .about-customer {
    padding: 30px 50px 10rem 30px; }
    .contact-form-wrapper .about-customer h4 {
      font-size: 3rem;
      margin-bottom: 2.4rem; }
    .contact-form-wrapper .about-customer .form-group {
      margin-bottom: 1.5rem; }
  .contact-form-wrapper .interested-categories {
    min-width: 75vw;
    padding: 30px 50px 10rem 30px; }
  .contact-form-wrapper .thanks {
    min-width: 100vw; }
  /* ***** About Page ****** */
  .about-page .page-title {
    font-size: 4rem; }
  .about-page .page-img {
    margin: 4rem 0; }
  .about-page .description p {
    margin-bottom: 3rem; }
  /* ***** Service Inner ***** */
  .service-content .title-goBack {
    padding: 3rem 0; }
    .service-content .title-goBack h2 {
      padding-right: 0%; }
  .service-content .text {
    padding: 0 15px; }
  .other-services .title-6rem {
    font-size: 4rem;
    margin-bottom: 4rem; }
  .other-services .swiper-slide {
    padding: 15px; }
  .other-services .swiper-button-prev {
    left: 10px; }
  .other-services .swiper-button-next {
    right: 10px; }
  /* ***** Pricing Inner ***** */
  .pricing-inner .go-back {
    left: 15px; }
  .cooperate-now {
    font-size: 2.8rem;
    padding: 2rem 1rem; }
  /* ***** Pricing Inner V2 ***** */
  .channels .panel span {
    margin: .65rem 1.5rem 0 0; }
  /* ***** Portfolio Inner ***** */
  .project-description h2 {
    font-size: 4.4rem;
    margin-bottom: 3rem; }
  .project-description h3 {
    font-size: 4rem;
    margin-bottom: 3rem; }
  .project-description h4 {
    font-size: 3rem;
    margin-bottom: 4rem; }
  .project-description p {
    margin-bottom: 3rem; }
  .project-description li:before {
    top: .7rem; }
  /* ***** Service Inner Version 2 ***** */
  .service-inner-page.v-2 .service-intro .order-now {
    margin: 5rem 0 4rem 0; }
  /* ***** FAQ Page ***** */
  .faq-block-wrapper .faq-block li {
    margin-bottom: 1rem; }
  .faq-block-wrapper .faq-category {
    margin-bottom: 2rem; }
  /* ***** Portfolio Inner Page ***** */
  .project-info h2 {
    font-size: 4rem;
    margin-bottom: 4rem; }
  /* ***** Blog Page ***** */
  .blog-content .text.blog-posts {
    padding: 0 15px; }
  .blog-content .side-bnr {
    padding-left: 15px; }
  .pagination-list .pagination li {
    margin: 1rem .5rem; }
  /* ***** Blog Inner Page ***** */
  .service-inner-page.blog-inner-page .service-intro .title-action {
    padding-top: 14rem; }
  .blog-inner-content .content-body .blog-categories {
    margin: 0 15px 0 20px; }
  .blog-inner-page .other-services .swiper-slide .title {
    font-size: 2.8rem;
    line-height: 3.4rem; }
  /* ***** Footer ***** */
  footer .bottom {
    padding: 3rem 0 5rem 0; } }

@media (max-width: 800px) {
  /* ***** Pricings Page ***** */
  .pricings-page .page-title {
    font-size: 3.4rem;
    margin: 0 0 3rem 0; }
  .pricings-list {
    margin: 0 0 7rem 0; }
    .pricings-list ul {
      width: 50%; }
  .pricings-by li {
    font-size: 2rem; }
    .pricings-by li img {
      width: 2.2rem;
      margin: -.5rem 1rem 0 0; } }

@media (max-width: 768px) {
  .content {
    margin-top: 51px; }
  .ptb-9rem {
    padding-top: 5rem;
    padding-bottom: 5rem; }
  .scroll-top {
    bottom: 20px;
    right: 15px;
    display: none; }
    .scroll-top img {
      width: 3rem; }
  .swiper-button-next,
  .swiper-button-prev {
    display: none; }
  /* ***** Header ***** */
  header {
    top: 0;
    position: fixed;
    background: #000; }
    header .mobile-langs {
      margin: 0;
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%); }
      header .mobile-langs img {
        display: none; }
  .menu-toggler {
    position: fixed;
    top: 18px;
    left: 15px;
    width: 3.2rem;
    height: 2rem; }
  .logo, .logo:hover {
    margin: 16px auto 17px auto;
    font-size: 2.8rem;
    line-height: 2.2rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }
  header.dark .menu-toggler span {
    background: #7D7C7A; }
  header.dark .logo, header.dark .logo:hover {
    color: #fff; }
    header.dark .logo span, header.dark .logo:hover span {
      color: #7D7C7A; }
  header.dark .mobile-langs a {
    color: #fff; }
  /* ***** Side Menu ***** */
  .side-menu .side-menu-links > ul {
    width: 33.333333%; }
  /* ***** Main Page ***** */
  .tools .swiper-slide {
    min-height: 32vw; }
  .contact-form-wrapper .contact-form-content {
    transform: translateX(50vw); }
    .contact-form-wrapper .contact-form-content.step-one {
      transform: translate(-50vw); }
    .contact-form-wrapper .contact-form-content.step-two {
      transform: translateX(-150vw); }
  .contact-form-wrapper .about-customer {
    min-width: 50vw; }
  .contact-form-wrapper .interested-categories {
    min-width: 100vw; }
  /* ***** Service Inner ***** */
  .service-intro .title-action {
    padding-top: 10rem; }
    .service-intro .title-action h1 {
      font-size: 5rem;
      max-width: 50rem;
      margin-bottom: 2rem; }
  .service-intro .order-now a {
    font-size: 2.4rem; }
  .service-content .side-bnr .swiper-container {
    padding-top: 50px; }
  .other-services .title-6rem {
    font-size: 4rem;
    margin-bottom: 4rem; }
  .other-services .swiper-slide {
    min-height: 24vw; }
    .other-services .swiper-slide .title {
      font-size: 4vw;
      line-height: 4.4vw; }
  .other-services .swiper-pagination {
    display: block; }
  /* ***** Pricing Inner ***** */
  .pricing-inner {
    margin-top: 52px; }
    .pricing-inner .title-action > div h1 {
      margin: 0 0 1rem 0; }
  .pricing-content .title {
    font-size: 3rem;
    margin: 0 0 3rem 0; }
  .pricing-content .description,
  .pricing-content .conditions {
    width: 100%;
    margin: 0 0 3rem 0;
    padding: 0; }
  /* ***** Service Inner Version 2 ***** */
  .service-inner-page.v-2 .service-content .title-goBack h2 {
    padding: 0; }
  /* ***** FAQ Page ***** */
  .faq-block-wrapper {
    width: 100%;
    padding: 0 !important; }
    .faq-block-wrapper .faq-block li a, .faq-block-wrapper .faq-block li h4 {
      font-size: 2.1rem; }
    .faq-block-wrapper .faq-block li p:not(.faq-category) {
      font-size: 2rem; }
    .faq-block-wrapper .faq-category {
      margin-bottom: 1.5rem; }
  .faq-all .go-back {
    font-size: 2rem; }
  .faq-all .faq-category-title {
    font-size: 4rem;
    margin: 3rem 0 3rem 0; }
  /* ***** Blog Inner Page ***** */
  .blog-inner-content .content-body .blog-categories {
    width: calc(100% - 30px);
    max-width: 39rem;
    position: static;
    float: none;
    margin: 0 15px 2rem 15px; }
    .blog-inner-content .content-body .blog-categories ul {
      position: static;
      padding: 0; }
  .blog-inner-page .other-services .swiper-slide .title {
    font-size: 2.6rem;
    line-height: 3.2rem; }
  .post-question {
    padding: 3rem 4rem; } }

@media (max-width: 700px) {
  /* ***** Side Menu ***** */
  .side-menu .close-side-menu-2 {
    left: 3.4rem; }
  .side-menu .side-menu-links .panel span {
    margin-right: 1rem; }
  .side-menu .side-menu-links > ul {
    width: 50%; }
  /* ***** About Page ****** */
  .about-page {
    margin-bottom: 3rem; }
    .about-page .page-title {
      font-size: 3.4rem; }
    .about-page .page-img {
      margin: 3rem 0; }
  /* ***** Service Inner ***** */
  .service-content .content-body {
    flex-wrap: wrap; }
  .service-content .text {
    padding: 0 15px;
    min-width: 100%; }
  .service-content .side-bnr {
    min-width: 100%; }
    .service-content .side-bnr .title {
      bottom: 10%;
      left: 15px;
      right: 15px;
      color: #fff;
      font-size: 10vw;
      line-height: 11vw; }
  /* ***** Blog Page ***** */
  .blog-content .page-title {
    font-size: 3rem;
    margin-bottom: 4rem; }
  .blog-content .side-bnr {
    padding: 0; }
  .blog-post {
    margin-bottom: 3rem;
    padding-bottom: 1rem; }
    .blog-post .post-title a {
      font-size: 3rem; }
  .blog-content .blog-categories {
    font-size: 2rem;
    margin-bottom: 5rem; }
    .blog-content .blog-categories p {
      margin-bottom: 2rem; }
    .blog-content .blog-categories li {
      padding: 1rem 0; } }

@media (max-width: 650px) {
  /* ***** Pricings Page ***** */
  .pricings-by {
    margin: 0; }
    .pricings-by li {
      width: 100%; } }

@media (max-width: 600px) {
  .mt-20rem {
    margin-top: 8rem; }
  .mtb-20rem {
    margin-top: 9rem;
    margin-bottom: 9rem; }
  /* ***** Side Menu ***** */
  .side-menu .close-side-menu-2 {
    top: 0;
    left: 0;
    width: 100%;
    height: calc(4rem + 20px);
    padding: 15px 10px 10px 15px;
    background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7)); }
    .side-menu .close-side-menu-2 span {
      width: 3.3rem; }
    .side-menu .close-side-menu-2:hover {
      transform: none; }
  .side-menu .side-menu-links {
    margin: 65px auto 40px auto;
    width: 100%; }
  /* ***** Main Page ***** */
  .main-page-intro {
    min-height: 50vh; }
    .main-page-intro h1 {
      font-size: 4rem;
      left: 15px;
      right: 15px; }
    .main-page-intro .intro-content {
      min-height: 50vh; }
    .main-page-intro.loaded h1 {
      left: 15px; }
  .service-block .bg-image {
    min-height: 40vw; }
  .service-block h2 {
    font-size: 3rem;
    margin-left: 3rem;
    max-width: 50%; }
    .service-block h2:before {
      left: -2rem; }
  .service-block .desc a {
    padding: 5px 30px; }
  #cases {
    margin: 50px 0 0 0; }
  .tools .swiper-slide {
    min-height: 42vw; }
  .clients .custom-width {
    width: 50%;
    height: 28vw;
    padding: 0 10px; }
  .clients .client {
    height: calc(100% - 20px); }
  #cooperation {
    margin: 40px 0; }
  .contact-form-wrapper .next {
    right: 15px; }
  .contact-form-wrapper .contact-form-content {
    transform: translateX(0vw); }
    .contact-form-wrapper .contact-form-content.step-one {
      transform: translate(-100vw); }
    .contact-form-wrapper .contact-form-content.step-two {
      transform: translateX(-200vw); }
  .contact-form-wrapper .about-customer {
    min-width: 100vw;
    padding: 30px 30px 10rem 30px; }
  .contact-form-wrapper .thanks .cancel-form {
    top: 25px;
    right: 25px; }
  /* ***** Footer ***** */
  footer {
    margin-top: 50px; }
  .subscribe {
    width: 100%;
    float: none;
    margin-bottom: 30px; }
    .subscribe h2 {
      margin-bottom: 3rem; }
    .subscribe .form-group {
      margin: 2rem 0; }
    .subscribe button {
      font-size: 1.4rem;
      margin: 20px 0; }
  .footer-menu ul {
    width: 50%; }
  /* ***** FAQ Page ***** */
  .faq-all .faq-category-title {
    margin: 2rem 0; }
  #faq-category-accordion .panel {
    padding: 1rem 2rem; }
  #faq-category-accordion h3 {
    font-size: 2rem; }
    #faq-category-accordion h3:before {
      top: .3rem; }
  #faq-category-accordion p {
    margin-top: 1rem; }
  /* ***** Portfolio Inner Page ***** */
  .project-info h2 {
    font-size: 3rem;
    margin-bottom: 2.5rem; }
  .project-info p {
    margin-bottom: .5rem; }
  .project-gallery {
    margin: 2rem 0; }
  .project-description p {
    font-size: 2.2rem;
    line-height: 3.4rem; } }

@media (max-width: 550px) {
  .hidden-550 {
    display: none !important; }
  .visible-550 {
    display: inline-block; }
  .post-question {
    padding: 2rem; }
    .post-question p {
      font-size: 2rem !important;
      margin-bottom: 2rem !important; }
    .post-question button {
      font-size: 2rem;
      width: 48%; }
  /* ***** Main Page ***** */
  .service-sub {
    margin: 0; }
    .service-sub .bg-image {
      margin: 0; }
  /* ***** Contact ***** */
  .contact {
    min-height: auto;
    z-index: 10; }
    .contact .bg-overlay {
      display: none; }
  .contact-form-wrapper .thanks {
    display: none;
    padding: 3rem 2rem;
    font-size: 2.8rem;
    line-height: 3.3rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 102vh;
    background: #fff;
    z-index: 20; }
    .contact-form-wrapper .thanks .cancel-form {
      top: 65px;
      right: 15px; }
  .contact-form-wrapper .next:hover img {
    transform: none; }
  .contact-form-wrapper .contact-form-content {
    transform: none;
    min-height: auto;
    display: block;
    padding-bottom: 70px; }
    .contact-form-wrapper .contact-form-content.step-one, .contact-form-wrapper .contact-form-content.step-two {
      transform: none; }
    .contact-form-wrapper .contact-form-content .about-customer, .contact-form-wrapper .contact-form-content .interested-categories {
      width: 100%;
      overflow: hidden;
      padding: 15px; }
      .contact-form-wrapper .contact-form-content .about-customer input, .contact-form-wrapper .contact-form-content .interested-categories input {
        font-size: 1.6rem; }
    .contact-form-wrapper .contact-form-content .interested-categories {
      padding-bottom: 0;
      background: #fff;
      display: none; }
      .contact-form-wrapper .contact-form-content .interested-categories h2 {
        margin: 0 0 20px 0;
        font-size: 3rem; }
      .contact-form-wrapper .contact-form-content .interested-categories .category, .contact-form-wrapper .contact-form-content .interested-categories .category:nth-child(even) {
        width: 100%;
        padding: 15px 0;
        margin-bottom: 0; }
    .contact-form-wrapper .contact-form-content.step-one .interested-categories {
      display: block; }
    .contact-form-wrapper .contact-form-content.step-two .thanks {
      display: flex; }
    .contact-form-wrapper .contact-form-content.step-two + .next {
      display: none; }
  /* ***** Service Inner ***** */
  .service-intro .title-action h1 {
    font-size: 3.5rem;
    max-width: none; }
  .service-intro .title-action .goals h3 {
    font-size: 2rem; }
  .service-intro .order-now {
    margin-top: 3rem; }
    .service-intro .order-now a {
      font-size: 1.5rem;
      padding: 1.2rem 3rem; }
  .service-content .text p {
    margin: 0 0 1rem 0; }
  .other-services .swiper-slide {
    min-height: 44vw; }
    .other-services .swiper-slide .title {
      font-size: 8vw;
      line-height: 8.4vw;
      max-width: none; }
  /* ***** Service Inner Version 2 ***** */
  .service-inner-page.v-2 .service-intro .order-now {
    margin: 2rem 0; } }

@media (max-width: 480px) {
  /* ****** Header ****** */
  .side-menu .close-side-menu {
    bottom: 0;
    padding: 15px 0; }
  .side-menu .side-menu-links > ul {
    padding: 0 5rem;
    width: 100%; }
    .side-menu .side-menu-links > ul p {
      font-size: 2.4rem; }
    .side-menu .side-menu-links > ul li a {
      font-size: 2.2rem; }
  .side-menu .side-menu-links .panel span {
    left: -3.4rem;
    width: 2.8rem;
    height: 2.8rem; }
    .side-menu .side-menu-links .panel span b {
      margin-top: -.25rem;
      font-size: 3rem; }
  /* ***** Main Page ***** */
  .tools .swiper-slide {
    min-height: 70vw; }
  .portfolio .swiper-wrapper .name {
    margin: 1rem 0 0 1rem;
    font-size: 2rem; }
  /* ***** Pricings Page ***** */
  .pricings-page .page-title {
    font-size: 3rem; }
  .pricings-list ul {
    width: 100%; }
  .pricings-by li {
    font-size: 2rem; }
    .pricings-by li img {
      width: 2.2rem;
      margin: -.5rem 1rem 0 0; }
  /* ***** Footer ***** */
  footer .inner {
    padding: 30px 0; }
  footer .bottom {
    padding: 15px 0 5.5rem 0;
    text-align: center; }
    footer .bottom .copyrights {
      width: 100%;
      margin-bottom: 15px; }
    footer .bottom .socials {
      width: 100%; }
  .subscribe {
    padding: 0; }
  .footer-menu ul {
    width: 100%;
    padding: 0; } }

@media (max-width: 340px) {
  /* ***** Header ***** */
  .logo, .logo:hover {
    margin: 16px auto 16px auto;
    font-size: 2.4rem;
    line-height: 2rem; } }

@media (max-width: 1366px) and (orientation: landscape) {
  .main-page-intro {
    min-height: 100vh; }
    .main-page-intro .intro-content {
      min-height: 100vh; } }

@media (max-width: 900px) and (orientation: landscape) {
  /* ***** Header ***** */
  header {
    top: 0;
    position: fixed;
    background: #000; }
    header .mobile-langs {
      margin: 0;
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%); }
      header .mobile-langs img {
        display: none; }
  .menu-toggler {
    position: fixed;
    top: 18px;
    left: 15px;
    width: 3.2rem;
    height: 2rem; }
  .logo, .logo:hover {
    margin: 16px auto 17px auto;
    font-size: 2.8rem;
    line-height: 2.2rem;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }
  header.dark .menu-toggler span {
    background: #7D7C7A; }
  header.dark .logo, header.dark .logo:hover {
    color: #fff; }
    header.dark .logo span, header.dark .logo:hover span {
      color: #7D7C7A; }
  header.dark .mobile-langs a {
    color: #fff; }
  /* ***** Side Menu ***** */
  .side-menu .close-side-menu-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(4rem + 20px);
    padding: 15px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5)); }
    .side-menu .close-side-menu-2 span {
      width: 3.5rem; }
    .side-menu .close-side-menu-2:hover {
      transform: none; }
  .side-menu .side-menu-links {
    margin: 65px auto 50px auto; }
    .side-menu .side-menu-links > ul {
      width: 50%; }
  /* ***** Main Page ***** */
  .main-page-intro h1 {
    font-size: 4rem;
    left: 15px;
    right: 15px; }
  /* ***** Service Inner ***** */
  .service-content .side-bnr .swiper-container {
    padding-top: 50px; }
  /* ***** Pricing Inner Page ***** */
  .pricing-inner {
    margin-top: 52px; } }

@media (max-width: 768px) and (orientation: landscape) {
  .side-menu .side-menu-links > ul {
    width: 100%; } }

@media (min-height: 1200px) and (orientation: portrait) {
  /* ***** Main Page ***** */
  .main-page-intro {
    min-height: 50vh; }
    .main-page-intro .intro-content {
      min-height: 50vh; }
  /* ***** Cooperation ***** */
  .contact {
    min-height: 50vh; }
  .contact-form-wrapper .contact-form-content {
    min-height: 50vh; } }