@media (max-width: 1200px){
  .case-study-classic-layout .sppb-addon-content > div > div:not(:first-child){
    .sppb-addon-article{
      .sppb-article-info-wrap{
        margin: -70px 15px 0px 15px;
        padding: 15px 20px 0px 20px;
      }
      .sppb-readmore{
        margin-top: 20px;
        margin-left: -20px;
        margin-right: -20px;
        padding: 10px 15px;
      }
    }
  }
  .case-studies .article-list.articles-leading{
    >.article:nth-child(2){
      .article-body{
        padding: 20px 20px 0;
        margin: -75px 15px 0;
        .readmore a{
          margin: 30px -20px 0;
          padding: 13px 20px;
          font-size: 12px;
        }
      }
    }
  }
  .case-studies .article-list{
    .article-body{
      margin: -75px 15px 0;
      padding: 15px 15px 0;
      .readmore a{
        margin: 15px -15px 0;
      }
    }
  }
  .finatic-blog .blog-list-news-scroller .bx-wrapper .sppb-articles-carousel-content .sppb-articles-carousel-meta {
    padding: 5px 15px 0;
  }
  .finatic-blog .blog-list-news-scroller .bx-wrapper .sppb-articles-carousel-content .sppb-articles-carousel-link{
    padding: 0 15px 15px 15px;
    font-size: 18px;
    line-height: 24px;
  }
  .finatic-blog .blog-list-news-scroller .bx-wrapper .sppb-articles-carousel-content .sppb-articles-carousel-meta-category a{
    padding: 5px 0 5px 20px;
  }
}
@media (max-width: 992px){
  #sp-top2 > div{
    justify-content: center;
  }
  #sp-bottom{
    font-size: 14px;
  }
  .top-services ul.menu > li > a:before{
    display: none;
  }
  .case-study-classic-layout .sppb-addon-content > div > div{
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .finatic-testimonial.sppb-testimonial-pro {
    padding: 50px;
    .sppb-carousel-indicators {
      bottom: 15px;
    }
  }
  .finatic-services.gird-layout{
    .item{
      margin-bottom: 15px;
      .item-info{
        margin: 0 10px;
        h3{
          font-size: 18px;
          font-weight: 400;
          padding: 15px;
        }
        .sppb-btn{
          padding: 8px 15px;
          font-size: 11px;
        }
      }
    }
  }
  .sppb-addon-articles.case-study-creative-layout{
    .sppb-addon-article{
      .sppb-article-img-wrap{
        height: 250px;
      }
      .sppb-article-info-wrap{
        margin: 20px 0px 20px -70px;
        padding: 15px 15px 0px 15px;
        h3{
          font-size: 16px;
          line-height: 1.4;
        }
        .sppb-article-introtext{
          margin-top: 0;
        }
        .sppb-readmore {
          margin-left: -15px;
          margin-right: -15px;
          padding: 7px 15px;
          font-size: 12px;
        }
      }
    }
  }

  .sppb-addon-articles.case-study-creative-layout .sppb-row > div:nth-child(2n) .sppb-addon-article .sppb-article-info-wrap {
    margin: 15px -50px 15px 0px;
  }
  .hero-contact-info-wrapper{
    left: 15px;
    &.right{
      right: 15px;
      left: auto;
    }
  }
  .hero-contact-info ul li{
    margin-bottom: 5px;
    i.fa {
      width: 25px;
      height: 25px;
      line-height: 25px;
      margin-right: 10px;
      font-size: 12px !important;
    }
    .sppb-icons-label-text{
      background-color: #fff;
      color: $text_color;
      padding: 4px 10px;
      font-size: 12px !important;
      line-height: 18px !important;
      &:before{
        border-right-color: #fff;
      }
    }
  }
  .sppb-addon-tab .sppb-nav > li > a{
    padding: 20px;
  }
  .sp-page-title{
    padding: 30px 0px 40px 0px;
  }
  .finatic-advance-tab .sppb-tab-content.sppb-tab-tabs-content .sppb-tab-pane > div:nth-child(2) {
    padding-left: 20px;
    padding-right: 0px;
  }
  #login .login-info-wrapper {
    max-width: 400px;
    padding-left: 35px;
  }
  .view-article .finatic-blog-details {
    .article-img-wrpaaer{
      .article-header {
        padding: 15px;
      }
    }
    div[itemprop="articleBody"] {
      padding: 0 60px;
    }
    .tags-wrapper {
      margin: 30px 60px;
    }
    .pagenav {
      padding: 0 60px;
    }
  }
  .view-article .article-details.case-studies {
    .article-header-wrap {
    width: 100%;
    }
    .article-tags {
    max-width: 720px;
    }
  }
  .pager {
    max-width: 720px;
  }
  .finatic-blog .blog-list-news-scroller .bx-wrapper .sppb-articles-carousel-content{
    bottom: -32px;
  }
  .com-content.view-category{
    #sp-main-body{
      padding-top: 20px;
      #sp-right{
        order: 1;
      }
      main#sp-component{
        order: 2;
      }
    }
  }
  .case-studies .article-list.articles-leading .article:nth-child(1),
  .case-studies .article-list.articles-leading .article:nth-child(2) {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .blog.case-studies .pagination-wrapper{
    margin-top: 30px;
  }
}
@media (max-width: 768px){
  body{
    line-height: 1.35;
  }
  .sp-contact-info,
  #sp-logo .logo .logo-slogan{
    display: none;
  }
  .top-services ul.menu > li:not(:last-child) {
    margin-right: 20px;
  }
  #sp-logo-wrap {
    padding: 10px 0;
  }
  #sp-logo-right .sp-column > .sp-module {
    margin-left: 10px;
  }
  #sp-bottom .sp-module .sp-module-title{
    margin-bottom: 10px;
    font-size: 18px;
  }
  #sp-bottom .sp-module ul > li{
    margin-bottom: 3px;
  }
  #sp-footer #sp-footer2,
  #sp-footer{
    text-align: center;
  }
  #sp-footer1{
    margin-bottom: 5px;
  }
  .finatic-testimonial-slider-wrapper .item{
    padding-right: 15px;
    padding-bottom: 30px;
  }
  .finatic-testimonial-slider-wrapper .item h3{
    font-size: 16px;
    margin-bottom: 10px;
  }
  .finatic-services .item .item-info .finatic-service-items > li{
    padding: 15px;
  }
  .finatic-services .owl-carousel .item .item-info {
    margin: 0px 10px;
  }
  .finatic-services .owl-carousel .item .item-info h3 {
    padding: 12px;
    font-size: 17px;
  }
  .finatic-services .owl-carousel .item .item-info .sppb-btn {
    padding: 10px 15px;
  }
  .finatic-services .item .item-info .finatic-service-items > li i {
    font-size: 25px;
    margin-right: 10px;
  }
  .sppb-addon-articles .sppb-addon-content > div > div{
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .finatic-testimonial-slider .item{
    padding-bottom: 20px;
  }
  .finatic-testimonial.sppb-testimonial-pro {
    padding: 30px;
    padding-bottom: 60px;
  }
  .sppb-addon-tab .sppb-tab-content{
    padding: 20px;
  }
  .tab-features-list > li:not(:last-child) {
    margin-bottom: 10px;
  }
  .sppb-addon-tab .sppb-nav > li > a {
    padding: 10px 15px;
    font-size: 12px;
  }
  .contact-info-box .sppb-addon-content {
    padding: 15px;
  }
  .contact-info-box .sppb-addon-title {
    padding: 15px;
  }
  .finatic-advance-tab .sppb-nav-tabs > li > a span {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .finatic-advance-tab .sppb-nav-tabs > li {
    border-left: 10px solid #f4f4f4;
    border-right: 10px solid #f4f4f4;
  }
  .finatic-advance-tab .sppb-nav-tabs {
    margin-bottom: 40px;
  }
  .finatic-advance-tab .sppb-nav-tabs > li.active {
    transform: translateY(15px);
  }
  #login .login-info-wrapper{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #login .login-info-wrapper h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .view-article .finatic-blog-details {
    div[itemprop="articleBody"] {
      padding: 0px;
  }
  .tags-wrapper {
    margin: 15px 0px;
    }
    .pagenav {
      padding: 0 0px;
  }
  }
	.case-studies .article-list {
	  &.articles-leading .article {
		flex: 0 0 100%;
		max-width: 100%;
	  }
	  .article {
		margin-bottom: 10px;
	  }
	  .article-header {
		h1,
		h2 {
		  font-size: 18px;
		  margin-bottom: 10px;
		}
	  }
	  .article-body {
		padding: 15px 15px 0;
		margin: -45px 15px 0;
	  }
	  .readmore a {
		padding: 13px 15px;
		margin: 20px -15px 0;
	  }
	}
  .view-article{
    #sp-main-body{
      padding: 30px 0;
    }
    .finatic-blog-details .article-img-wrpaaer .article-header h1{
      font-size: 18px;
      line-height: 1.4;
    }
  }
	.view-article .article-details.case-studies {
	  .article-header {
      padding: 15px;
      h1 {
        font-size: 18px;
        line-height: 1.4;
      }
	  }
	  .article-info>span {
		font-size: 14px;
		&.published {
		  top: 30px;
		  left: 30px;
		}
	  }
	}
	.pager {
	  margin-top: 40px;
	}
  .com-content.view-category{
    #sp-main-body{
      padding-top: 20px;
    }
  }
  .finatic-blog .blog-list-news-scroller .bx-wrapper .sppb-articles-carousel-content .sppb-articles-carousel-link {
    font-size: 15px;
    line-height: 20px;
  }
  .blockquote {
    font-size: 14px;
    line-height: 1.5;
    padding: 15px;
  }
  .view-article .finatic-blog-details div[itemprop="articleBody"] .top-bottom-border{
    font-size: 16px;
    margin: 20px 0;
    padding: 20px 0;
  }
  .pager > li a {
    font-size: 12px;
  }
  .view-article .finatic-blog-details div[itemprop="articleBody"] .blockquote{
    padding: 15px;
  }
  .view-article .finatic-blog-details div[itemprop="articleBody"]{
    margin-top: 20px;
  }
  .view-article .finatic-blog-details .article-img-wrpaaer .article-header{
    position: relative;
    margin: 0;
    width: 100%;
    bottom: 0;
  }
  .case-studies .article-list.articles-leading .article:nth-child(1),
  .case-studies .article-list.articles-leading .article:nth-child(2) {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .case-studies .article-list .readmore a{
    font-size: 12px;
  }
}
@media (max-width: 480px){
  .map-link,
  .create-account,
  .top-services{
    display: none !important;
  }
  #sp-top2 > div {
    justify-content: space-between;
  }
  #sp-logo-right .search form:before{
    font-size: 15px;
  }
  .sp-custom-login.sp-mod-login .info-text .sppb-btn-link i.fa,
  .mod-languages .globe-icon {
    font-size: 16px;
  }
  #sp-bottom {
    padding: 30px 0 10px;
  }
  .finatic-testimonial-slider-wrapper .item{
    border: none !important;
    padding-bottom: 0;
  }
  .sppb-btn {
    padding: 8px 20px;
    border-radius: 2px;
    font-weight: 700;
    font-size: 12px;
  }
  .sppb-addon-articles .sppb-addon-article{
    .sppb-article-info-wrap{
      padding: 15px 15px 0px 15px;
    }
    .sppb-readmore{
      padding: 10px 15px;
      margin-top: 15px;
      margin-left: -15px;
      margin-right: -15px;
    }
    .sppb-article-info-wrap h3{
      font-size: 17px;
    }
  }
  .finatic-testimonial-slider .item{
    padding-right: 0px;
    padding-bottom: 10px;
    h3{
      font-size: 17px;
      margin-bottom: 10px;
    }
  }
  .advance-slideshow .prev-control.nav-control .fa {
    margin-left: 15px;
  }
  .advance-slideshow .next-control.nav-control .fa {
    margin-right: 15px;
  }
  .advance-slideshow .sppb-inner-wrapper{
    padding: 10px 30px;
  }
  .slider-video-popup .sppb-modal-selector{
    padding: 5px 15px 5px 5px;
    > span:nth-child(1) {
      width: 40px;
      height: 40px;
    }
    .text .subtext{
      font-size: 14px;
      margin-top: 5px;
    }
  }
  .finatic-services .item .item-info h3 {
    padding: 20px;
    font-size: 16px;
  }
  .finatic-services .item .item-info .sppb-btn {
    padding: 10px 20px;
  }
  .site input[type="text"]:not(.form-control), .site input[type="email"]:not(.form-control), .site input[type="url"]:not(.form-control), .site input[type="date"]:not(.form-control), .site input[type="password"]:not(.form-control), .site input[type="search"]:not(.form-control), .site input[type="tel"]:not(.form-control), .site input[type="number"]:not(.form-control), .site select:not(.form-control) {
    padding: 10px 14px;
  }
  .site select {
    height: 40px !important;
  }
  .sppb-addon-articles .sppb-addon-content > .sppb-btn {
    margin-top: 0px;
  }
  .finatic-services.gird-layout .item .item-info h3 {
    font-size: 15px;
    br{
      display: none;
    }
  }
  .sppb-addon-articles.case-study-creative-layout .sppb-addon-article .sppb-article-info-wrap .sppb-readmore{
    display: none;
  }
  .sppb-addon-articles.case-study-creative-layout .sppb-addon-article .sppb-article-info-wrap .sppb-article-introtext {
    margin-bottom: 20px;
  }
  .custom-icon{
    font-size: 35px;
  }
  .sppb-addon-clients{
    .sppb-row>div{
      flex: 0 0 50%;
      max-width: 50%;
      margin-bottom: 15px !important;
    }
  }
  .sppb-addon-articles .sppb-addon-article {
    margin-bottom: 15px;
    .sppb-readmore{
      font-size: 12px;
    }
  }
  .sppb-btn-white .sppb-btn-primary{
    padding: 8px 18px;
  }
  .sp-page-title .sp-page-title-heading {
    font-size: 25px;
    margin-bottom: 5px;
  }
  .sp-page-title .sp-page-title-sub-heading{
    font-size: 13px;
  }
  .sppb-addon-accordion .sppb-panel-faq > .sppb-panel-heading{
    margin-bottom: 1px;
    padding: 7px 30px 7px 15px;
  }
  .finatic-advance-tab .sppb-tab-content.sppb-tab-tabs-content .sppb-tab-pane > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .finatic-advance-tab .sppb-tab-content.sppb-tab-tabs-content .sppb-tab-pane{
    > div:nth-child(1) {
      padding-right: 0px;
    }
    > div:nth-child(2) {
      padding-left: 0px;
      padding-right: 0px;
    }
  }
  .finatic-advance-tab .sppb-nav-tabs > li > a span {
    font-size: 20px;
  }
  .sppb-addon-tab .sppb-nav > li > a {
    padding: 10px;
  }
  #login{
    .container-fluid > .row{
      align-items: flex-start;
    }
    .login-bg-img{
      height: 100px;
    }
    .login-info-wrapper{
      max-width: 100%;
      padding-left: 0px;
    }
  }
  #login .login-info-wrapper .reg-link {
    font-size: 13px;
    margin-top: 0px;
  }
  .form-group {
    margin-bottom: 10px;
  }
  html.error-page{
    .error-img-wrap{
      text-align: left;
      margin-bottom: 20px;
      margin-top: 30px;
      .error-img{
        max-width: 100px;
      }
    }
    .error-code{
      font-size: 35px;
      margin-bottom: 6px;
    }
    .error-message{
      font-size: 16px;
      margin-bottom: 17px;
    }
  }
  .offcanvas-menu{
    width: 220px;
    .offcanvas-inner {
    padding: 15px;
    }
  }
  body.ltr.offcanvs-position-left .offcanvas-menu{
    left: -220px;
  }
  .finatic-blog {

    #sp-main-body {
      padding: 40px 0;
    }
   
    .blog-list-news-scroller .bx-wrapper {

    .sppb-articles-carousel-content{
      margin: 0 15px;
      margin-top: -86px;

      .sppb-articles-carousel-meta {
        padding: 15px 15px 0;
    }
    .sppb-articles-carousel-link {
      font-size: 18px;
      padding: 0 15px 20px;
    }
    .sppb-articles-carousel-meta-category a {
      padding: 12px 0 15px 15px;
    }
    }
    }

    .blog .article-list .article {
      margin-bottom: 10px;
      .article-body {
        padding-top: 15px;
        .article-info {
          padding: 0 15px 10px;
        }
        .article-header h2 {
          font-size: 18px;
          line-height: 1.4;
          padding: 0 15px;
      }
      .article-introtext {
        padding: 0 15px 15px;
        >p:last-child{
          margin-bottom: 0;
        }
      }
      }
    }
    .blog .article-list .article .article-body .readmore {
      padding: 7px 15px;
      font-size: 12px;
    }
    #sp-right,
     #sp-left{
      h3.sp-module-title {
        font-size: 20px;
      }
      .latestnews > div .latest-post-content-wrap .latest-post-title a {
        font-size: 15px;
      }
     }
    }
    .view-article .finatic-blog-details {
      .article-img-wrpaaer {
        .article-header {
          padding: 15px;
          h1,
          h2{
            font-size: 18px;
          }
        }
     
      }
    .tags-wrapper {

      .share-wrapper .article-social-share {
        text-align: left;
        }
      .finatic-tags {
        border-right: 0px;
        }
      }
    }
	.view-article .article-details.case-studies {
	  .article-header-wrap {
		margin-top: -100px;
	  }
	  .article-header {
		padding: 15px;
		margin-bottom: 20px;
		h1 {
		  margin-top: 25px;
		}
	  }
	  .article-info,
	  .article-ratings-social-share {
		width: 100%;
		margin-bottom: 10px;
	  }
	  .article-info>span {
		font-size: 13px;
		&.published {
		  top: 15px;
		  left: 15px;
		}
	  }
	  .article-tags {
		margin-top: 20px;
	  }
	}
	.view-article,
	.view-category {
	  &.case-studies #sp-main-body {
		padding: 40px 0;
	  }
	}
	ul.pagination {
	  margin-top: 20px;
	}
	.pager {
	  margin-top: 40px;
	}
  .finatic-blog #sp-right h3.sp-module-title, .finatic-blog #sp-left h3.sp-module-title{
    margin-bottom: 15px;
  }
  .finatic-blog #sp-right ul.categories-module li h4, .finatic-blog #sp-left ul.categories-module li h4 {
    font-size: 13px;
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
  .finatic-blog #sp-right .latestnews > div .article-list-img, .finatic-blog #sp-left .latestnews > div .article-list-img {
    max-width: 90px;
    margin-right: 15px;
  }
  .finatic-blog #sp-right .latestnews > div, .finatic-blog #sp-left .latestnews > div {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  ul.pagination .page-item.active .page-link, ul.pagination .page-item .page-link{
    padding: 5px;
    margin: 0 6px;
  }
  .finatic-blog .blog .pagination-wrapper {
    padding-top: 10px;
  }
  .finatic-blog .blog .article-list .article .article-body .article-info{
    font-size: 13px;
  }
}
