/* ------------------------------------------------------------------------------

  Template Name: ClarUp
  Description: ClarUp - Creative HTML Template
  
  
1. Global 
    1.1 Body
    1.2 Buttons
    1.3 Typography
    1.4 Logo
    

2. Home page version 1
    2.1 Section : Fun Facts
    2.2 Section : Our Services 
    2.3 Section : Grow Your Business
    2.4 Section : Best Features

3. Home page version 2
    3.1 Banner
    3.2 Section : Theme Features
    3.3 Section : Our Services
    3.4 Section : Testimonials
    3.5 Section : Call to Action - 2
    3.6 Section : Promo Box

4. Home page version 3
    4.1 Banner
    4.2 Section : Who We Are
    4.3 Section : Theme Features
    4.4 Section : Best Features
    4.5 Section : Our Team
    
5. Home page version 4
    5.1  Banner
    5.2  Section : Who We Are
    5.3  Section : Theme Features
    5.4  Section : Our Services
    5.5  Section : Recent Works
    5.6  Section : Video

6. Home page version 5
    6.1  Banner
    6.2  Section : Clarup Demos
    6.3  Section : Who We Are
    6.4  Section : Video
    6.5  Section : Fun Facts
    6.6  Section : Promo Box
    6.7  Section : Our Team

7. Global Sections
    7.1  Header
        7.1.1 Home Page Menu
        7.1.2 Responsive Menu
        7.1.3 Sub Page Menu
    7.2  Section : Call to Action 
    7.3  Section : Recent Works
    7.4  Section : Meet Our Team
    7.5  Section : Testimonials
    7.6  Section : Best Features
    7.7  Section : Core Features
    7.8  Section : Blog
    7.9  Section : Easy to Customize
    7.10 Section : Home Page Banner
    7.11 Section : Pricing Table 
    7.12 Section : Promo Box
    7.13 Section : Sub Page Banner
    7.14 Section : Theme Features    
    7.15 Section : Who We Are    
    7.16 Section : Work Process   
    7.17 Section : Contact   
    7.18 Section : Footer   
        7.18.1 Section : Copy Rights
    
8. About Us Page
    8.1 section : Theme Features

9. Services Page
    9.1 section : Theme Features
    9.2 section : Our Services
    9.3 section : Best Features
    9.4 section : Core Features

10. Portfolio Page
    10.1 section : Sub Page Banner
    10.1 section : Portfolio Filter

11. Portfolio Details Page
    11.1 section : Portfolio Details
    11.2 section : Call to Action
12. Blog Page
13. Blog Details Page
    13.1 section : Sub Page Banner
    13.2 section : Blog Details
14. Contact Page
15. Mediaquery


*/
/* button styles */
/*
 * --- Global Style Starts ----
 */
/*-------------------------------------------------------------------------------
  1. Global | 1.1 Body
-------------------------------------------------------------------------------*/
body {
  overflow-x: hidden;
  overflow-y: scroll;
}
.float-none {
  float: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.no-padding {
  padding-left: 0px;
  padding-right: 0px;
}
/*-------------------------------------------------------------------------------
  1. Global | 1.2 Buttons
-------------------------------------------------------------------------------*/
.btn {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 18px;
  display: inline-block;
  padding: 0 40px;
  letter-spacing: 0.04em;
  text-decoration: none;
  border-radius: 0px;
  margin-top: 20px;
  line-height: 50px;
  color: #FFF;
  border-radius: 3px;
  min-width: 230px;
}
.btn.btn-default {
  background: transparent;
  border: 2px solid #FFF;
}
.btn.btn-default:hover, .btn.btn-default:focus {
  background: #FFF;
  color: #000;
}
.btn.btn-primary {
  background: #DE3580;
  border: 1px solid #DE3580;
  margin-right: 25px;
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
  background: #DE3580;
  border: 1px solid #DE3580;
}
.btn.btn-secondary {
  background: transparent;
  border: 1px solid #CDCDCD;
  color: #777;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus {
  background: #CDCDCD;
  border: 1px solid transparent;
  color: #DE3580;
}
.btn.btn-cta-buynow {
  background: #FFF;
  border: 1px solid #FFF;
  color: #6D8869;
}
.btn.btn-cta-buynow:hover, .btn.btn-cta-buynow:focus {
  background: #6D8869;
  border: 1px solid #6D8869;
  color: #FFF;
}
/*-------------------------------------------------------------------------------
  1. Global | 1.3 Typography
-------------------------------------------------------------------------------*/
h1 {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 600;
  font-size: 36px;
  color: #2C2F33;
  margin-bottom: 15px;
  margin-top: 0px;
  letter-spacing: 0.5px;
}
h1.v1-banner-head {
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  font-size: 80px;
  color: #FFF;
  letter-spacing: 0.1px;
}
h1.v1-sub-banner-head {
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  font-size: 39px;
  color: #FFFFFF;
  letter-spacing: 0.1px;
  text-shadow: -1px 1px rgba(0, 0, 0, 0.429);
}
h1.v2-banner-head {
  font-size: 72px;
  margin-bottom: 17px;
}
h1.icon-head {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.04em;
  margin-top: 0px;
}
h1.count-number {
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  font-size: 48px;
  color: #666;
  margin-bottom: 20px;
  letter-spacing: 0.05em;
}
h1.grow-your-business-head {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 80px;
  color: #000000;
  letter-spacing: 0.01em;
}
h1.cta-head {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  color: #FFF;
  letter-spacing: 0.01em;
  margin-bottom: 0px;
  margin-top: 4px;
}
h1.testi-name {
  font-size: 18px;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin: 20px 0px 5px;
}
h1.promo-head {
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  font-size: 100px;
  color: #FFF;
  letter-spacing: 0.2em;
}
h1.blog-head {
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 28px;
  margin-bottom: 30px;
}
h1.sub-page-banner-head {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 30px;
  color: #FFF;
  letter-spacing: 0.07em;
}
h1.sub-page-banner-head span {
  color: #C5C5C5;
  font-weight: 100;
}
h6 {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #8B8B8B;
  letter-spacing: 0.3px;
  margin-bottom: 10px;
  margin-top: 0px;
}
h6.v1-banner-sub-sub-head {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #FFF;
  letter-spacing: 10px;
  line-height: 0.5em;
  background-color: #AF004D;
  padding: 15px 10px 15px 20px;
  display: inline-block;
  margin: 0 0 10px 0;
}
h6.v1-banner-sub-head {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 2px;
  margin: 0px 0px 18px 0px;
  line-height: 0.5em;
  padding-top: 10px;
  padding-bottom: 12px;
  padding-left: 10px;
  padding-right: 10px;
}
h6.v2-banner-sub-head {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 30px;
  color: #FFF;
  letter-spacing: 0.07em;
  margin-bottom: 17px;
}
h6.services-head {
  font-size: 20px;
  color: #2C2F33;
  letter-spacing: 0.04em;
  margin: 25px 0px 25px;
}
h6.grow-your-business-sub-head {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 30px;
  color: #000000;
  letter-spacing: 0px;
}
h6.grow-your-business-sub-head span {
  font-weight: 700;
}
h6.promo-sub-head {
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #FFF;
  letter-spacing: 0.04em;
  margin-bottom: 30px;
  line-height: 28px;
}
h6.promo-sub-head span {
  font-weight: 800;
}
h6.blog-sub-head {
  font-size: 11px;
  letter-spacing: 0.15em;
  margin-top: 30px;
}
h6.blog-sub-head span {
  color: #B4B4B4;
}
h6.foot-recent-blog-sub-head {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0px;
  color: #545454;
  margin-top: 0px;
  line-height: 28px;
  margin-bottom: 5px;
}
p {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #605F5F;
  line-height: 30px;
  margin-bottom: 42px;
}
p strong {
  color: #424242;
}
p a {
  font-weight: bold;
}
p.best-features-para {
  margin: 27px 0px 27px;
}
p.testi-content {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-style: italic;
}
span.testi-position {
  font-size: 11px;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  letter-spacing: 0.15em;
  color: #8B8B8B;
  margin-bottom: 30px;
  display: inline-block;
}
span.testi-position.plan-duration {
  font-weight: 600;
  display: inline-block;
  margin-top: 0px;
  letter-spacing: 2px;
  margin-bottom: 0px;
}
span.footer-recent-blog-meta {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 11px;
  color: #545454;
  letter-spacing: 0.15em;
}
.mrg-top {
  margin-top: 20px;
  margin-bottom: 20px;
}
.project-info-hr {
  border-top: 1px solid #DE3580;
  width: 40px;
  display: inline-block;
  margin-top: 0px;
}
.divider {
  position: relative;
  padding: 0px 50px;
  display: inline-block;
  margin-bottom: 15px;
}
.divider span {
  color: #DE3580;
  border-radius: 150px;
  border: 2px solid #DE3580;
  padding: 3px;
  display: inline-block;
}
.divider span::before {
  content: '';
  height: 1px;
  background: #DE3580;
  width: 40px;
  position: absolute;
  left: 0px;
}
.divider span::after {
  content: '';
  height: 1px;
  background: #DE3580;
  width: 40px;
  position: absolute;
  right: 0;
  display: inline-block;
}
/*-------------------------------------------------------------------------------
  1. Global | 1.4 Logo
-------------------------------------------------------------------------------*/
.logo-image a {
  text-decoration: none;
  text-shadow: -1px 1px rgba(0, 0, 0, 0.429);
}
.sticky-wrapper .logo-image a {
  text-shadow: 0px 0px rgba(0, 0, 0, 0.429);
}
.logo-image a img {
  margin-right: 10px;
  width: 120px;
}
.logo-image a img.logo-hover {
  display: none;
}
.logo-image a .normal-span {
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  font-size: 22px;
  color: #FFF;
  vertical-align: middle;
}
.logo-image a .normal-span > .lite {
  font-weight: 300;
}
.logo-image a .hover-span {
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  font-size: 22px;
  color: #000;
  vertical-align: middle;
}
.logo-image a .hover-span > .lite {
  font-weight: 300;
}
.logo-image.sub-page-logo span {
  font-size: 22px;
  color: #000;
}
/*
 * --- Home Page Version 1 Starts ----
 */
/* -------------------------------------
2 Home page version 1 
---------------------------------------- */
.home-page-v1-banner {
  background: ;
}
.home-page-v1-banner img {
}
.home-page-v1-banner .container {
  background: ;
  text-align: center;
}
/* --------------------
 2.1 Section - Fun Facts 
----------------------- */
.fun-facts {
  padding: 100px 0px;
  background: #F7F7F7;
}
.fun-facts .counter-list .count-name {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  color: #DE3580;
  font-size: 18px;
  letter-spacing: 0.05em;
}
/* --------------------
 2.2 Section - Our Services 
----------------------- */
.our-services {
  padding: 50px 0px 25px;
  background-color: #F7F7F7;
}
.our-services .services-list {
  margin-top: 12px;
}
.our-services .services-list figure {
  overflow: hidden;
}
.our-services .services-list figure img {
  display: inline-block;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.our-services .services-list:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
/* --------------------
 2.3 Section - Grow Your Business 
----------------------- */
.grow-your-business {
  background: url("../images/slide3.jpg");
  background-attachment: scroll;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.grow-your-business .layer {
  padding: 40px 0px 0px;
}
.grow-your-business .layer .grow-business-info {
  padding-top: 230px;
}
.grow-your-business .layer .grow-business-info .btn.btn-default {
  border: 1px solid #000000;
  color: #000000;
  background-color: #FFFFFF;
}
.grow-your-business .layer .deploy-vdc-screenshot {
  height: 724px;
  /*+placement: -21px -18px;*/
  position: relative;
  left: -21px;
  top: -18px;
}
/* --------------------
 2.4 Section - Best Features 
----------------------- */
.best-features .btn.btn-default {
  display: none;
}
/*
 * --- Home Page Version 2 Starts ----
 */
/* --------------------------------------
3 Home page version 2
----------------------------------------- */
/* -------------
3.1 Banner
---------------- */
.home-v2 .home-page-v1-banner .image-caption-1 {
  /*padding-top: 306px;*/
}
.home-v2 .home-page-v1-banner .image-caption-1 .icon {
  color: #FFF;
}
.home-v2 .home-page-v1-banner .image-caption-1 .icon::before {
  display: inline-block;
  font-size: 100px;
  margin-left: 0px;
  margin-bottom: 21px;
}
/* -------------
3.2 Theme Features
---------------- */
.home-v2 .theme-features {
  background: #F7F7F7;
  padding: 25px 0px 80px;
}
.home-v2 .theme-features .theme-features-list {
  margin-bottom: 0px;
}
/* -------------
3.3 Our Services
---------------- */
.home-v2 .our-services {
  padding: 100px 0px 70px;
}
.home-v2 .our-services .response-change-image {
  margin-bottom: 30px;
}
.home-v2 .our-services .response-change-image img {
  display: inline-block;
  vertical-align: top;
}
.home-v2 .our-services .response-change-image .services-list {
  display: inline-block;
  vertical-align: bottom;
  max-width: 400px;
  text-align: justify;
  margin-left: 40px;
}
.home-v2 .our-services .response-change-image .services-list p {
  margin-bottom: 0px;
}
.home-v2 .our-services .response-change-image .services-list.direction-text {
  direction: rtl;
  margin-right: 30px;
  margin-left: 0px;
}
/* -------------
3.4 Testimonials
---------------- */
.home-v2 .testimonials {
  background: #F7F7F7;
}
/* -------------
3.5 Call to Action - 2
---------------- */
.home-v2 .cta.second-cta .btn.btn-default {
  border: 3px solid #FFF;
}
.home-v2 .cta.second-cta .btn.btn-default:hover {
  color: #6D8869;
}
/* -------------
3.6 Promo Box
---------------- */
.home-v2 .promo-box {
  background: url("https://via.placeholder.com/1920x1080/");
}
/*
 * --- Home Page Version 3 Starts ----
 */
/* ------------------------------------------
4 Home page version 3 
--------------------------------------------- */
/* ----------------
4.1 Banner 
------------------- */
.home-v3 .home-page-v1-banner {
  background: url("https://via.placeholder.com/1920x1080/") no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 1056px;
}
.home-v3 .home-page-v1-banner .layer {
  background: rgba(50, 50, 50, 0.4);
  padding: 334px 0px;
}
.home-v3 .home-page-v1-banner .layer .icon {
  display: inline-block;
  color: #FFF;
}
.home-v3 .home-page-v1-banner .layer .icon::before {
  font-size: 100px;
  margin-left: 0px;
  margin-bottom: 22px;
  display: inline-block;
}
.home-v3 .home-page-v1-banner .layer .v3-sub-head {
  font-weight: 700;
  letter-spacing: 0.15em;
  margin-bottom: 20px;
}
/* ----------------
4.2 Who We Are 
------------------- */
.home-v3 .who-we-are .who-we-are-info img {
  margin-top: 100px;
}
/* ----------------
4.3 Theme Features 
------------------- */
.home-v3 .theme-features {
  background: #F7F7F7;
}
.home-v3 .theme-features .theme-features-list .icon::before {
  border: 1px solid #2C2F33;
  border-radius: 100%;
  padding: 20px 30px 20px 30px;
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 0px;
  -webkit-transition: .2s linear;
  -o-transition: .2s linear;
  transition: 0.2s linear;
  font-size: 40px;
  width: 100px;
  height: 100px;
}
.home-v3 .theme-features .theme-features-list:hover .icon::before {
  background: #DE3580;
  border: 1px solid #DE3580;
  color: #FFF;
  transition: 0.3s ease-out;
  padding: 20px 30px 20px 27px;
}
.home-v3 .theme-features .theme-features-list:hover .icon {
  transform: scale(1.1);
}
/* ----------------
4.4 Best Features 
------------------- */
.home-v3 .best-features {
  background: #2C2F33;
}
.home-v3 .best-features .best-features-info h1 {
  color: #FFF;
}
.home-v3 .best-features .best-features-info p {
  color: #ABABAB;
}
.home-v3 .best-features .best-features-info .btn-default {
  margin-top: 0px;
  display: inline-block;
  border: 1px solid #CCC;
}
/* ----------------
4.5 Our Team 
------------------- */
.home-v3 .our-team {
  background: #2C2F33;
}
.home-v3 .our-team h1 {
  color: #FFF;
}
/*
 * --- Home Page Version 4 Starts ----
 */
/* ------------------------------------------- 
5 Home page version 4 
---------------------------------------------- */
/* ---------------- 
5.1 Banner 
------------------- */
.home-v4 .home-page-v1-banner {
  background: url("https://via.placeholder.com/1920x1080/") no-repeat;
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.home-v4 .home-page-v1-banner .layer {
  background: rgba(50, 50, 50, 0.5);
  padding: 340px 0px;
}
.home-v4 .home-page-v1-banner .layer .icon {
  display: inline-block;
  color: #FFF;
}
.home-v4 .home-page-v1-banner .layer .icon::before {
  font-size: 100px;
  margin-left: 0px;
  display: inline-block;
  margin-bottom: 22px;
}
/* ---------------- 
5.2 Who We Are 
------------------- */
.home-v4 .who-we-are {
  padding-bottom: 0px;
}
.home-v4 .who-we-are .who-we-are-info h1 {
  letter-spacing: 7px;
}
/* ---------------- 
5.3 Theme Features 
------------------- */
.home-v4 .theme-features {
  background: #F7F7F7;
}
.home-v4 .theme-features .theme-features-list .icon::before {
  color: #DE3580;
}
/* ---------------- 
5.4 Our Services 
------------------- */
.home-v4 .our-services .services-list {
  position: relative;
  overflow: hidden;
  background: #2C2F33;
}
.home-v4 .our-services .services-list img {
  opacity: 0.2;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.home-v4 .our-services .services-list .services-on-show {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 170px 18px;
  transform: translateY(100%);
  -webkit-transition: .3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.home-v4 .our-services .services-list .services-on-show .services-head {
  color: #FFF;
  margin: 0px 0px 20px;
}
.home-v4 .our-services .services-list .services-on-show p {
  color: #FFF;
}
.home-v4 .our-services .services-list:hover .services-on-show {
  transform: translateY(0);
  /* background: rgba(42, 42, 42, 0.5);
    background: linear-gradient(to bottom, rgba(254, 246, 246, 0) 0%, rgba(0, 0, 0, 0.27) 35%, rgba(11, 12, 12, 0.91) 100%);
     background: linear-gradient(to bottom, rgba(254, 246, 246, 0) 0%, rgba(0, 0, 0, 0.27) 35%, rgba(11, 12, 12, 0.91) 100%);
      Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(to bottom, rgba(254, 246, 246, 0) 0%, rgba(0, 0, 0, 0.27) 35%, rgba(11, 12, 12, 0.91) 100%);
      W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#802c2f33', GradientType=0);
      IE6-9 */
}
.home-v4 .our-services .services-list .services-on-hide {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 30px 16px;
  transform: translateY(10);
  -webkit-transition: .3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.home-v4 .our-services .services-list .services-on-hide .services-head {
  color: #FFF;
  letter-spacing: 3px;
}
.home-v4 .our-services .services-list:hover .services-on-hide {
  transform: translateY(100%);
}
.home-v4 .our-services .services-list:hover img {
  opacity: 0.2;
}
/* ---------------- 
5.5 Recent Works 
------------------- */
.home-v4 .recent-works {
  background: #F7F7F7;
}
/* ---------------- 
5.6 Video 
------------------- */
.home-v4 .video-background {
  background: url("https://via.placeholder.com/1920x1080/");
  background-size: 100% 100%;
  background-position: center center;
}
.home-v4 .video-background .layer {
  padding: 261px 0px;
  background: rgba(50, 50, 50, 0.5);
}
.home-v4 .video-background .layer .video ul {
  padding-left: 0px;
}
.home-v4 .video-background .layer .video ul li {
  display: inline-block;
  margin-right: 5px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.home-v4 .video-background .layer .video ul li > a .icon {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  border: 2px solid #DE3580;
  font-size: 55px;
  color: #F5F5F5;
  background: #DE3580;
  cursor: pointer;
  padding: 45px;
}
.home-v4 .video-background .layer .video ul li:hover {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.home-v4 .video-background .layer .video .video-head {
  font-size: 48px;
  margin-top: 30px;
  margin-bottom: 15px;
  letter-spacing: 0.2em;
}
.home-v4 .video-background .layer .video .video-sub-head {
  font-size: 24px;
  margin-bottom: 0px;
  line-height: 36px;
}
.home-v4 .video-background .layer .modal-dialog .modal-body {
  padding: 0px;
}
.home-v4 .video-background .layer .modal-dialog .modal-body .embed-responsive-16by9 {
  padding-bottom: 43%;
  margin: 0 -15px;
}
/*
 * --- Home Page Version 5 Starts ----
 */
/* --------------------------------------------------
6 Home page version 5
----------------------------------------------------- */
/* ---------------------------
6.1 Banner 
--------------------------- */
.home-v5 .home-page-v1-banner {
  background: url("https://via.placeholder.com/1920x1080/") no-repeat;
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 1000px;
}
.home-v5 .home-page-v1-banner .home-v5-rocket {
  padding: 300px 0px;
}
.home-v5 .home-page-v1-banner .home-v5-rocket img {
  width: auto;
  left: 315px;
}
.home-v5 .home-page-v1-banner .cloud-img {
  background: url("https://via.placeholder.com/1920x1080/") no-repeat;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 400px;
}
/* ---------------------------
6.2 Clarup Demos 
--------------------------- */
.home-v5 .clarup-demos {
  padding: 100px 0px 40px;
  background: #F7F7F7;
}
.home-v5 .clarup-demos span {
  font-weight: 300;
}
.home-v5 .clarup-demos .icon-head {
  margin-top: 30px;
  margin-bottom: 60px;
}
/* ---------------------------
6.3 Who We Are 
--------------------------- */
.home-v5 .who-we-are .who-we-are-info {
  padding-top: 0px;
}
/* ---------------------------
6.4 Video 
--------------------------- */
.home-v5 .video-background {
  background: url("https://via.placeholder.com/1920x1080/");
  background-size: 100% 100%;
  background-position: center center;
}
.home-v5 .video-background .layer {
  padding: 316px 0px;
  background: rgba(50, 50, 50, 0.5);
}
.home-v5 .video-background .layer .video ul li {
  display: inline-block;
  margin-right: 5px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.home-v5 .video-background .layer .video ul li > a .icon {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  border: 2px solid #DE3580;
  font-size: 55px;
  color: #F5F5F5;
  background: #DE3580;
  cursor: pointer;
  padding: 45px;
}
.home-v5 .video-background .layer .video ul li:hover {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.home-v5 .video-background .layer .video .video-head {
  font-size: 48px;
  margin-top: 30px;
  margin-bottom: 15px;
  letter-spacing: 0.2em;
}
.home-v5 .video-background .layer .video .video-sub-head {
  font-size: 24px;
  line-height: 36px;
}
.home-v5 .video-background .layer .modal-dialog .modal-body {
  padding: 0px;
}
.home-v5 .video-background .layer .modal-dialog .modal-body .embed-responsive-16by9 {
  padding-bottom: 43%;
  margin: 0 -15px;
}
/* ---------------------------
6.5 Fun Facts
--------------------------- */
.home-v5 .fun-facts .counter-list .icon {
  margin-bottom: 30px;
}
.home-v5 .fun-facts .counter-list .icon::before {
  font-size: 55px;
  background: #DE3580;
  vertical-align: middle;
  color: #FFF;
  border-radius: 100%;
  padding: 25px;
  margin-left: 0px;
  margin-bottom: 20px;
  display: inline-block;
  width: 130px;
  height: 130px;
}
.home-v5 .fun-facts .counter-list .count-name {
  color: #8B8B8B;
}
/* ---------------------------
6.6 Promo Box 
--------------------------- */
.home-v5 .promo-box-buy {
  background: url("https://via.placeholder.com/1920x1080/");
  background-repeat: repeat;
  background-attachment: scroll;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto auto;
  background-size: 100% 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-v5 .promo-box-buy .layer {
  padding: 431px 0px 341px;
}
.home-v5 .promo-box-buy .layer .promo-head {
  font-size: 80px;
  letter-spacing: 0.01em;
}
.home-v5 .promo-box-buy .layer .promo-head span {
  font-weight: 400px;
}
.home-v5 .promo-box-buy .layer .promo-sub-head {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 30px;
}
/* ---------------------------
6.7 Our Team 
--------------------------- */
.home-v5 .our-team {
  background: transparent;
}
/*
 * --- Global Sections - Header ----
 */
/*-------------------------------------------------------------------------------
  7. Global Sections - 7.1 Header
-------------------------------------------------------------------------------*/
#sticky-wrapper {
  z-index: 2;
  position: fixed;
  width: 100%;
  top: 0;
  height: auto;
  margin-top: 30px;
}
#sticky-wrapper.sticky-header {
  margin-top: 30px;
}
/*-------------------------------------------------------------------------------
  7.1.1 Home Page Menu
-------------------------------------------------------------------------------*/
.header .top-container {
  z-index: 2;
}
.header .navbar-primary {
  /*-------------------------------------------------------------------------------
  7.1.2 Responsive Menu
  -------------------------------------------------------------------------------*/
}
.header .navbar-primary .navbar-header .logo-image {
  display: inline-block;
}
.header .navbar-primary .navbar-header .logo-image .logo-hover, .header .navbar-primary .navbar-header .logo-image .hover-span {
  display: none;
}
.header .navbar-primary .navbar-header .logo-image .logo-normal, .header .navbar-primary .navbar-header .logo-image .normal-span {
  display: inline-block;
}
.header .navbar-primary .navbar-collapse .nav.navbar-nav li {
  padding: 0px 25px;
}
.header .navbar-primary .navbar-collapse .nav.navbar-nav li a {
  color: #FFF;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  padding: 10px 0px 10px 0px;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-shadow: -1px 1px rgba(0, 0, 0, 0.429);
}
.header .navbar-primary .navbar-collapse .nav.navbar-nav li.active > a, .header .navbar-primary .navbar-collapse .nav.navbar-nav li:hover > a, .header .navbar-primary .navbar-collapse .nav.navbar-nav li:focus > a {
  background: transparent;
  border-bottom: 2px solid #FFF;
}
.header .navbar-primary .navbar-toggle {
  border: 1px solid #000;
  background: tranparent;
  margin-bottom: 0px;
}
.header .navbar-primary .navbar-toggle .icon-bar {
  background: #000;
}
.header.sticky-header .navbar-primary {
  /*background: #B6B6B6;*/
  background: #FFF;
  padding: 0px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -webkit-transition: .2s ease-in-out;
  transition: 0.2s ease-in-out;
  /*margin-top: -30px;*/
}
.header.sticky-header .navbar-primary .navbar-header {
  padding: 10px;
  padding-left: 0px;
}
.header.sticky-header .navbar-primary .navbar-header .logo-image {
  display: inline-block;
}
.header.sticky-header .navbar-primary .navbar-header .logo-image .logo-hover {
  display: inline-block;
}
.header.sticky-header .navbar-primary .navbar-header .logo-image .logo-normal {
  display: none;
}
.header.sticky-header .navbar-primary .navbar-header .logo-image .normal-span {
  color: #000;
  text-shadow: 0px 0px;
}
.header.sticky-header .navbar-primary .navbar-collapse .navbar-nav {
  margin-top: 10px;
}
.header.sticky-header .navbar-primary .navbar-collapse .navbar-nav li {
  padding: 5px 25px;
}
.header.sticky-header .navbar-primary .navbar-collapse .navbar-nav li a {
  color: #000;
  padding: 10px 0px 10px 0px;
  font-size: 13px;
  text-shadow: 0px 0px;
}
.header.sticky-header .navbar-primary .navbar-collapse .navbar-nav li a:hover, .header.sticky-header .navbar-primary .navbar-collapse .navbar-nav li a:focus {
  background: transparent;
  color: #DE3580;
  border-bottom: 2px solid #DE3580;
}
.header.sticky-header .navbar-primary .navbar-collapse .navbar-nav li.active > a {
  color: #DE3580;
  border-bottom: 2px solid #DE3580;
}
.header.sticky-header .navbar-primary .navbar-toggle {
  border: 1px solid #000;
}
.header.sticky-header .navbar-primary .navbar-toggle .icon-bar {
  background: #000;
}
/*-------------------------------------------------------------------------------
  7.1.3 Sub Page Menu
-------------------------------------------------------------------------------*/
.sub-page-menu #sticky-wrapper {
  margin-top: 0px;
}
.sub-page-menu #sticky-wrapper .header .top-container .navbar-primary {
  background: #FFF;
  padding-top: 35px;
  padding-bottom: 35px;
}
.sub-page-menu #sticky-wrapper .header .top-container .navbar-primary .navbar-header .logo-image .logo-normal {
  display: none;
}
.sub-page-menu #sticky-wrapper .header .top-container .navbar-primary .navbar-header .logo-image .logo-hover {
  display: inline-block;
}
.sub-page-menu #sticky-wrapper .header .top-container .navbar-primary .navbar-header .logo-image .normal-span {
  color: #000;
}
.sub-page-menu #sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li a {
  color: #000;
}
.sub-page-menu #sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li a:hover, .sub-page-menu #sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li a:focus {
  color: #DE3580;
  border-bottom: 2px solid #DE3580;
}
.sub-page-menu #sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li.active a {
  color: #DE3580;
  border-bottom: 2px solid #DE3580;
}
.sub-page-menu .sticky-header {
  margin-top: auto;
}
.sub-page-menu .sticky-header .navbar-primary {
  padding: 0px !important;
}
.sub-page-menu .content {
  padding-top: 120px;
}
/*
 * --- Global Sections - Call to Action ----
 */
/*-------------------------------------------------------------------------------
  7. Global Sections - 7.2 Core Features
-------------------------------------------------------------------------------*/
.cta {
  padding: 130px 0px;
  background: #2C2F33;
}
.cta .btn-default {
  margin-top: 0px;
  border: 1px solid #FFF;
}
.cta.second-cta {
  padding: 130px 0px;
  background: #A3D39C;
}
.cta.second-cta .btn-cta-buynow {
  margin-top: 0px;
}
.cta.second-cta .btn-cta-buynow:hover {
  background: transparent;
  color: #FFF;
  border: 1px solid #FFF;
}
.cta.third-cta {
  padding: 35px 0 50px;
  position: relative;
  background: #424547;
}
.third-cta h1.cta-head {
  padding-left: 25px;
  margin-top: 34px;
  font-size: 26px;
}
.third-cta div.cta-btn-class {
  padding-right: 25px;
}
/*
 * --- Global Sections - Recent Works ----
 */
/*-------------------------------------------------------------------------------
  7. Global Sections - 7.3 Recent Works
-------------------------------------------------------------------------------*/
.recent-works {
  padding: 100px 0px;
  /* #porfolio-nav {
      display: none;
  }*/
}
.recent-works .grid {
  margin-bottom: 30px;
}
.recent-works .grid .grid-item {
  margin-bottom: 30px;
  /*.image-holder {
      overflow: hidden;
      img {
          -webkit-transition: .2s linear;
          -o-transition: .2s linear;
          transition: .2s linear;
      }
  }*/
  /*figcaption {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      padding: 20px;
      overflow: hidden;
      -webkit-transition: .2s linear;
      -o-transition: .2s linear;
      transition: .2s linear;
      .showcase-lead {
          position: absolute;
          opacity: 0;
          left: 20px;
          right: 20px;
          top: 50%;
          text-align: center;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
          .showcase-cntrls {
              -webkit-transition: .2s linear;
              -o-transition: .2s linear;
              transition: .2s linear;
              opacity: 0;
              position: relative;
              top: -20px;
              display: inline-block;
              border: 1px solid #fff;
              border-radius: 100%;
              background: #fff;
              width: 60px;
              height: 60px;
              i {
                  color: #DE3580;
                  font-size: 18px;
                  vertical-align: middle;
                  margin: 20px 0px;
              }
          }
      }
  }
  &:hover figcaption {
      background-color: rgba(244, 74, 74, 0.9);
      transform: translateX(0);
      .showcase-lead,
      .showcase-cntrls {
          opacity: 1;
      }
  }
  &:hover figcaption:after {
      width: 100%;
  }*/
}
/* effect-phoebe */
.effect-phoebe {
  position: relative;
  float: left;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  margin: 0;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.grid-item:hover .effect-phoebe {
  background: rgba(244, 74, 74, 0.9);
}
.effect-phoebe img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  opacity: 1;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.effect-phoebe:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.effect-phoebe figcaption {
  color: #FFFFFF;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.effect-phoebe figcaption::before, .effect-phoebe figcaption::after {
  pointer-events: none;
}
.effect-phoebe figcaption, .effect-phoebe figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.effect-phoebe figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}
.effect-phoebe:hover img {
  opacity: 0.1;
}
.effect-phoebe:hover figcaption::before {
  opacity: 0.7;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.effect-phoebe p a {
  color: #FFFFFF;
  font-size: 30px;
  position: relative;
  display: inline-block;
  text-decoration: none;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.effect-phoebe p a:first-child {
  -webkit-transform: translate3d(0px, 0px, 0);
  transform: translate3d(0px, 0px, 0);
}
.effect-phoebe p a:nth-child(2) {
  -webkit-transform: translate3d(0px, 0px, 0);
  transform: translate3d(0px, 0px, 0);
}
.effect-phoebe:hover p a {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.effect-phoebe p {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 112px;
  height: 56px;
}
.effect-phoebe p i {
  font-size: 20px;
  line-height: 20px;
  padding-top: 14px;
  padding-bottom: 14px;
  border: 1px solid #FFFFFF;
  width: 50px;
  height: 50px;
  margin: 2px;
  color: #FFFFFF;
  background: transparent;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.effect-phoebe:hover p i {
  color: #DE3580;
  border: 1px solid #FFFFFF;
  background: #FFF;
}
/* phoebe 2 */
.effect-phoebe.phoebe2 p a:first-child {
  -webkit-transform: translate3d(0px, -10px, 0);
  transform: translate3d(0px, -10px, 0);
}
.effect-phoebe.phoebe2 p a:nth-child(2) {
  -webkit-transform: translate3d(0px, -10px, 0);
  transform: translate3d(0px, -10px, 0);
}
.effect-phoebe.phoebe2:hover p a {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* phoebe 3 */
.effect-phoebe.phoebe3 p a:first-child {
  -webkit-transform: translate3d(-10px, 0px, 0);
  transform: translate3d(-10px, 0px, 0);
}
.effect-phoebe.phoebe3 p a:nth-child(2) {
  -webkit-transform: translate3d(10px, 0px, 0);
  transform: translate3d(10px, 0px, 0);
}
.effect-phoebe.phoebe3:hover p a {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/*
 * --- Global Sections - Meet Our Team ----
 */
/*-------------------------------------------------------------------------------
  7. Global Sections - 7.4 Meet Our Team
-------------------------------------------------------------------------------*/
.our-team {
  padding: 100px 0px;
  background: #F7F7F7;
}
.our-team .team-details {
  position: relative;
  overflow: hidden;
  margin-top: 10px;
}
.our-team .team-details .team-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 170px 18px;
  transform: translateY(100%);
  transition: all 0.20s ease 0s;
}
.our-team .team-details .team-content .team-title {
  font-size: 18px;
  color: #FFF;
  margin: 0 0 8px 0;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
}
.our-team .team-details .team-content .team-designation {
  font-size: 11px;
  color: #FFF;
  display: block;
  margin-bottom: 25px;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.15em;
}
.our-team .team-details .team-content .team-hr {
  border-top: 1px solid #DE3580;
  width: 30px;
  height: 20px;
  margin-bottom: 0px;
}
.our-team .team-details:hover .team-content {
  transform: translateY(0);
  background: rgba(42, 42, 42, 0.5);
  background: linear-gradient(to bottom, rgba(254, 246, 246, 0) 0%, rgba(0, 0, 0, 0.27) 25%, rgba(11, 12, 12, 0.91) 80%);
  background: linear-gradient(to bottom, rgba(254, 246, 246, 0) 0%, rgba(0, 0, 0, 0.27) 25%, rgba(11, 12, 12, 0.91) 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(254, 246, 246, 0) 0%, rgba(0, 0, 0, 0.27) 25%, rgba(11, 12, 12, 0.91) 80%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#802c2f33', GradientType=0);
  /* IE6-9 */
}
.our-team .team-details .team_contact {
  text-align: center;
  padding-left: 0px;
}
.our-team .team-details .team_contact > li {
  display: inline-block;
  margin-right: 5px;
}
.our-team .team-details .team_contact > li > a {
  width: 35px;
  height: 35px;
  border-radius: 100%;
  border: 2px solid #FFF;
  font-size: 15px;
  color: #FFF;
  line-height: 33px;
  display: inline-block;
  background: transparent;
  line-height: 32px;
}
.our-team .team-details .team_contact > li > a:hover {
  background: #DE3580;
  border: 2px solid #DE3580;
}
.our-team .team-details .team-prof {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: right;
  padding: 30px 16px;
  transform: translateY(10);
  transition: all 0.20s ease 0s;
  background: rgba(19, 19, 19, 0);
  background: -moz-linear-gradient(top, rgba(19, 19, 19, 0) 0%, rgba(71, 71, 71, 0) 1%, rgba(102, 102, 102, 0) 1%, rgba(76, 76, 76, 0) 1%, rgba(44, 44, 44, 0) 2%, rgba(17, 17, 17, 0) 3%, transparent 3%, rgba(89, 89, 89, 0) 3%, rgba(28, 28, 28, 0.06) 9%, rgba(28, 28, 28, 0.84) 84%, rgba(43, 43, 43, 0.99) 99%, #2B2B2B 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19, 19, 19, 0)), color-stop(1%, rgba(71, 71, 71, 0)), color-stop(1%, rgba(102, 102, 102, 0)), color-stop(1%, rgba(76, 76, 76, 0)), color-stop(2%, rgba(44, 44, 44, 0)), color-stop(3%, rgba(17, 17, 17, 0)), color-stop(3%, transparent), color-stop(3%, rgba(89, 89, 89, 0)), color-stop(9%, rgba(28, 28, 28, 0.06)), color-stop(84%, rgba(28, 28, 28, 0.84)), color-stop(99%, rgba(43, 43, 43, 0.99)), color-stop(100%, #2b2b2b));
  background: -webkit-linear-gradient(top, rgba(19, 19, 19, 0) 0%, rgba(71, 71, 71, 0) 1%, rgba(102, 102, 102, 0) 1%, rgba(76, 76, 76, 0) 1%, rgba(44, 44, 44, 0) 2%, rgba(17, 17, 17, 0) 3%, transparent 3%, rgba(89, 89, 89, 0) 3%, rgba(28, 28, 28, 0.06) 9%, rgba(28, 28, 28, 0.84) 84%, rgba(43, 43, 43, 0.99) 99%, #2B2B2B 100%);
  background: -o-linear-gradient(top, rgba(19, 19, 19, 0) 0%, rgba(71, 71, 71, 0) 1%, rgba(102, 102, 102, 0) 1%, rgba(76, 76, 76, 0) 1%, rgba(44, 44, 44, 0) 2%, rgba(17, 17, 17, 0) 3%, transparent 3%, rgba(89, 89, 89, 0) 3%, rgba(28, 28, 28, 0.06) 9%, rgba(28, 28, 28, 0.84) 84%, rgba(43, 43, 43, 0.99) 99%, #2B2B2B 100%);
  background: -ms-linear-gradient(top, rgba(19, 19, 19, 0) 0%, rgba(71, 71, 71, 0) 1%, rgba(102, 102, 102, 0) 1%, rgba(76, 76, 76, 0) 1%, rgba(44, 44, 44, 0) 2%, rgba(17, 17, 17, 0) 3%, transparent 3%, rgba(89, 89, 89, 0) 3%, rgba(28, 28, 28, 0.06) 9%, rgba(28, 28, 28, 0.84) 84%, rgba(43, 43, 43, 0.99) 99%, #2B2B2B 100%);
  background: linear-gradient(to bottom, rgba(19, 19, 19, 0) 0%, rgba(71, 71, 71, 0) 1%, rgba(102, 102, 102, 0) 1%, rgba(76, 76, 76, 0) 1%, rgba(44, 44, 44, 0) 2%, rgba(17, 17, 17, 0) 3%, transparent 3%, rgba(89, 89, 89, 0) 3%, rgba(28, 28, 28, 0.06) 9%, rgba(28, 28, 28, 0.84) 84%, rgba(43, 43, 43, 0.99) 99%, #2B2B2B 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#2b2b2b', GradientType=0);
}
.our-team .team-details .team-prof .team-title {
  font-size: 18px;
  color: #FFF;
  margin: 0 0 8px 0;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0px;
  margin-bottom: 10px;
}
.our-team .team-details .team-prof .team-designation {
  font-size: 11px;
  color: #BFBFBF;
  margin-bottom: 0;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  text-align: center;
  display: block;
  letter-spacing: 2px;
}
.our-team .team-details .team-prof .team-hr {
  border-top: 1px solid #DE3580;
  width: 40px;
  height: 20px;
}
.our-team .team-details:hover .team-prof {
  transform: translateY(100%);
}
/*
 * --- Global Sections - Testimonials ----
 */
/*-------------------------------------------------------------------------------
  7. Global Sections - 7.5 Testimonials
-------------------------------------------------------------------------------*/
.testimonials {
  padding: 50px 0px;
}
.testimonials .testimonials-carousel {
  margin-top: 40px;
}
.testimonials .testimonials-carousel .item img {
  display: inline-block;
}
.testimonials .testimonials-carousel .owl-controls {
  margin-top: 30px;
}
.testimonials .testimonials-carousel .owl-controls .owl-pagination .owl-page span {
  margin: 5px 4px;
}
.testimonials .testimonials-carousel .owl-controls .owl-pagination .owl-page.active span {
  background: #DE3580;
  width: 15px;
  height: 15px;
}
/*
 * --- Global Sections - Best Features ----
 */
/*-------------------------------------------------------------------------------
  7. Global Sections - 7.6 Best Features
-------------------------------------------------------------------------------*/
.best-features {
  padding: 42px 0px 31px;
}
.best-features.dark-bg {
  background-color: #424547;
}
.best-features.dark-bg .best-features-info h1 {
  color: #FFFFFF;
}
.best-features.dark-bg .best-features-info p {
  color: #767676;
}
.best-features.dark-bg .best-features-info .best-features-para span {
  font-weight: bold;
  color: #A1A0A0;
  font-style: italic;
}
.best-features .best-features-info {
  padding-top: 100px;
}
.best-features.dark-bg .best-features-info strong {
  color: #D1D0D0;
}
.best-features .best-features-image {
  text-align: right;
}
.best-features .best-features-image img {
  display: inline-block;
}
/*
 * --- Global Sections - Core Features ----
 */
/*-------------------------------------------------------------------------------
  7. Global Sections - 7.7 Core Features
-------------------------------------------------------------------------------*/
.core-features {
  padding: 0px;
  background: #F7F7F7;
}
.core-features .core-features-list .icon {
  margin-right: 20px;
  margin-bottom: 120px;
  line-height: 60px;
}
.core-features .core-features-list .icon::before {
  font-size: 50px;
  color: #DE3580;
  margin-left: 0px;
}
/*
 * --- Global Sections - Blog ----
 */
/*-------------------------------------------------------------------------------
  7. Global Sections - 7.8 Blog
-------------------------------------------------------------------------------*/
.blog {
  padding: 100px 0px;
}
.blog .blog-details .img-right-gray-part .arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #F7F7F7;
  position: absolute;
  right: 15px;
  top: 60px;
}
.blog .blog-details .img-right-gray-part::before {
  content: '';
  width: 171px;
  height: 380px;
  background: #F7F7F7;
  display: block;
  position: absolute;
  right: -51px;
  z-index: -1;
}
.blog .blog-details .img-right-gray-part.img-left-gray-part .arrow-left.arrow-right {
  border-left: 10px solid #F7F7F7;
  border-right: none;
  left: 15px;
}
.blog .blog-details .img-right-gray-part.img-left-gray-part::before {
  left: -51px;
}
.blog .blog-details .blog-user img {
  margin-top: 30px;
}
.blog .blog-details .blog-change-order {
  margin-bottom: 40px;
}
.blog .blog-details .blog-change-order figure {
  overflow: hidden;
}
.blog .blog-details .blog-change-order figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 100%;
}
.blog .blog-details .blog-change-order figure:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.blog .blog-details .blog-change-order .btn.btn-secondary:hover {
  background: #DE3580;
  border: 1px solid #DE3580;
  color: #FFF;
}
/*
 * --- Global Sections - Easy to Customize ----
 */
/*-------------------------------------------------------------------------------
  7. Global Sections - 7.9 Easy to Customize
-------------------------------------------------------------------------------*/
.easy-to-customize {
  background: #2C2F33;
  padding: 100px 0px;
}
.easy-to-customize .easy-customize-info .easy-customize-text {
  position: absolute;
  right: -14px;
  max-width: 600px;
  top: 100px;
}
.easy-to-customize .easy-customize-info .easy-customize-text h1 {
  color: #FFF;
  margin-bottom: 25px;
}
.easy-to-customize .easy-customize-info .easy-customize-text p {
  color: #C2C2C2;
  margin-bottom: 17px;
}
/*
 * --- Global Sections - Home Page Banner ----
 */
/*-------------------------------------------------------------------------------
  7. Global Sections - 7.10 Home Page Banner
-------------------------------------------------------------------------------*/
.home-page-v1-banner img {
  position: absolute;
  width: 100%;
}
.home-page-v1-banner .image-caption-1 {
  position: relative;
  margin: 0 auto;
  padding: 160px 0px 100px;
  background: rgba(0, 0, 0, 0.2) url('../images/crossed-pattern.png');
}
.home-page-v1-sub-banner {
  min-height: 260px;
  position: relative;
  background: url("../images/services.png") top / cover local;
}
.home-page-v1-sub-banner.about-us {
  background-image: url("../images/sub-people-bottom.jpg");
}
.home-page-v1-sub-banner.contact-us {
  background-image: url("../images/sub-meeting.jpg");
}
.home-page-v1-sub-banner.faq {
  background-image: url("../images/sub-meeting.jpg");
}
.home-page-v1-sub-banner.services {
  background-image: url("../images/sub-blackboard.jpg");
}
.home-page-v1-sub-banner.cloud {
  background-image: url("../images/sub-blades.png");
}
.home-page-v1-sub-banner.veeam {
  background-image: url("../images/sub-idea.jpg");
}
.home-page-v1-sub-banner.zerto {
  background-image: url("../images/sub-blackboard2.jpg");
}
.home-page-v1-sub-banner.datacenter {
  background-image: url("../images/sub-dc2.jpg");
}
.home-page-v1-sub-banner .image-caption-1 {
  position: relative;
  margin: 0 auto;
  padding-top: 110px;
  background: url('../images/crossed-pattern.png') rgba(0, 0, 0, 0.303);
  min-height: 260px;
}
/*
 * --- Global Sections - Pricing Table ----
 */
/*-------------------------------------------------------------------------------
  7. Global Sections - 7.11 Pricing Table
-------------------------------------------------------------------------------*/
.pricing-table {
  padding: 50px 0px;
  background: #F7F7F7;
}
.pricing-table .plan {
  background: #FFF;
  border: 1px solid #CCC;
  margin-top: 30px;
  padding-bottom: 60px;
  -webkit-transition: .3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.pricing-table .plan.plan-active {
  background: #323232;
  border: 1px solid #3A3A3A;
}
.pricing-table .plan.plan-active .plan-name {
  border-bottom: 1px solid #3A3A3A;
}
.pricing-table .plan.plan-active .plan-name h1 {
  color: #D7D7D7;
}
.pricing-table .plan.plan-active .plan-cost {
  background: #323232;
  border-bottom: 1px solid #3A3A3A;
}
.pricing-table .plan.plan-active .plan-cost .plan-price {
  color: #D7D7D7;
  display: block;
  margin-bottom: 10px;
}
.pricing-table .plan.plan-active .plan-cost .plan-duration {
  color: #D7D7D7;
  margin-top: 0px;
}
.pricing-table .plan.plan-active .plan-details li {
  color: #D7D7D7;
}
.pricing-table .plan.plan-active:hover {
  box-shadow: 1px 1px 16px #030303;
}
.pricing-table .plan .plan-name {
  padding: 25px 0px 25px;
  border-bottom: 1px solid #E9E9E9;
}
.pricing-table .plan .plan-name .icon-head {
  letter-spacing: 1px;
  margin-bottom: 0px;
}
.pricing-table .plan .plan-cost {
  background: #FAFAFA;
  padding: 50px 0px 50px;
  border-bottom: 1px solid #E9E9E9;
}
.pricing-table .plan .plan-cost .plan-price {
  letter-spacing: 0.05em;
  margin-bottom: 10px;
}
.pricing-table .plan .plan-details {
  padding: 45px 0px 30px 0px;
}
.pricing-table .plan .plan-details li {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 3.4em;
  color: #777;
  list-style: none;
}
.pricing-table .plan:hover {
  box-shadow: 1px 1px 16px #888888;
}
.pricing-table .plan .btn.btn-primary {
  margin-right: 0px;
}
/*
 * --- Global Sections - Promo Box ----
 */
/*-------------------------------------------------------------------------------
  7. Global Sections - 7.12 Promo Box
-------------------------------------------------------------------------------*/
.promo-box {
  background: url("https://via.placeholder.com/1920x1080/");
  background-size: 100% auto;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}
.promo-box .layer {
  background-color: rgba(50, 50, 50, 0.4);
  padding: 273px 0px 290px;
}
/*
 * --- Global Sections - Sub Page Banner ----
 */
/*-------------------------------------------------------------------------------
  7. Global Sections - 7.13 Sub Page Banner
-------------------------------------------------------------------------------*/
.sub-page-banner {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.sub-page-banner.about-us {
  background: url("../images/plant.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #2A2A2A;
}
.sub-page-banner.infrastructure {
  background: url("../images/blades.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #2A2A2A;
}
.sub-page-banner.devs {
  background: url("https://bioinfogeek.com/wp-content/uploads/2016/03/MLseries-1-1920x300.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #2A2A2A;
}
.sub-page-banner .layer {
  background-color: rgba(50, 50, 50, 0.1);
  padding-top: 126px;
  padding-bottom: 126px;
}
/*
 * --- Global Sections - Theme Features ----
 */
/*-------------------------------------------------------------------------------
  7. Global Sections - 7.14 Theme Features
-------------------------------------------------------------------------------*/
.theme-features {
  padding: 45px 0px 0px;
}
.theme-features .theme-features-list {
  margin-bottom: 65px;
}
.theme-features .theme-features-list .icon {
  margin-bottom: 28px;
  display: inline-block;
  color: #777;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.theme-features .theme-features-list .icon::before {
  font-size: 50px;
  margin-left: 0px;
}
.theme-features .theme-features-list p {
  margin-bottom: 0px;
}
.theme-features .theme-features-list:hover .icon {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  color: #DE3580;
}
/*
 * --- Global Sections - Who We Are ----
 */
/*-------------------------------------------------------------------------------
  7. Global Sections - 7.15 Who We Are
-------------------------------------------------------------------------------*/
.who-we-are {
  padding: 75px 0px;
}
.who-we-are .who-we-are-info {
  padding-top: 0px;
}
.who-we-are .who-we-are-info h1 {
  margin-bottom: 25px;
}
.who-we-are .who-we-are-info p {
  margin-bottom: 30px;
}
/*
 * --- Global Sections - Work Process ----
 */
/*-------------------------------------------------------------------------------
  7. Global Sections - 7.16 Work Process
-------------------------------------------------------------------------------*/
.work-process {
  background: #F7F7F7;
  padding: 31px 0px 0px;
}
.work-process .commen-bottom-space {
  margin-bottom: 50px;
}
.work-process .commen-bottom-space .response-change-text {
  z-index: 1;
}
.work-process .commen-bottom-space .work-process-head {
  padding-top: 91px;
}
.work-process .commen-bottom-space .work-process-head .icon-head {
  font-size: 20px;
  opacity: 1;
}
.work-process .commen-bottom-space .work-process-head .work-process-hr-left {
  border-top: 3px solid #DE3580;
  width: 80px;
  height: 2px;
  display: inline-block;
  margin-left: 30px;
}
.work-process .commen-bottom-space .work-process-head .work-process-hr-left.work-process-hr-right {
  margin-right: 30px;
}
.work-process .commen-bottom-space .work-process-image img {
  display: inline-block;
  z-index: 0;
  position: relative;
}
.work-process .commen-bottom-space .work-process-image::before {
  content: '';
  background: url("../images/bg-lines.png");
  width: 100%;
  height: 300px;
  display: block;
  position: absolute;
  z-index: 0;
  top: 120px;
  right: -80px;
  opacity: 0.5;
}
.work-process .commen-bottom-space .work-process-image.bg-gray-left::before {
  left: -80px;
  z-index: 0;
}
/*
 * --- Global Sections - Contact ----
 */
/*-------------------------------------------------------------------------------
  7. Global Sections - 7.17 Contact
-------------------------------------------------------------------------------*/
.contact {
  padding: 60px 0px 26px;
}
.contact .contact-form {
  padding-top: 25px;
}
.contact .contact-form .form-control {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  height: 64px;
  font-size: 16px;
  color: #777;
  border-radius: 0px;
  background: #FAFAFA;
  border: 1px solid #E5E5E5;
  box-shadow: none;
  padding-left: 30px;
  line-height: 30px;
}
.contact .contact-form .form-control:focus {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 600;
  background: #FFF;
  border: 1px solid #D6D6D6;
}
.contact .contact-form .form-group {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 20px;
}
.contact .contact-form .message-area {
  height: auto;
}
.contact .contact-form .btn-primary {
  margin-right: 0px;
  margin-top: 0px;
}
.contact.contact-with-bg {
  background: #2C2F33;
}
.contact.contact-with-bg h1 {
  color: #FFF;
}
.contact.contact-with-bg .contact-form {
  padding-top: 0;
}
.contact.contact-with-bg .contact-form .form-control {
  color: #C2C2C2;
  background: #2E3135;
  border: 1px solid #3F4245;
}
.contact.contact-with-bg .contact-form .form-control:focus {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 600;
}
/*
 * --- Global Sections - Footer ----
 */
/*-------------------------------------------------------------------------------
  7. Global Sections - 7.18 Footer
-------------------------------------------------------------------------------*/
.footer {
  background: #2C2F33;
  padding-top: 0px;
  /*-------------------------------------------------------------------------------
      7.18.1 Copy Rights
  -------------------------------------------------------------------------------*/
}
.footer .icon-head {
  color: #FFF;
  line-height: 28px;
}
.footer .recent-blog-list {
  margin-bottom: 100px;
}
.footer .recent-blog-list .recent-blog-info {
  padding: 32px 0px 25px;
  border-bottom: 1px solid #3B3B3B;
}
.footer .recent-blog-list .recent-blog-info figure {
  overflow: hidden;
  float: left;
}
.footer .recent-blog-list .recent-blog-info figure img {
  margin-right: 20px;
  margin-bottom: 10px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.footer .recent-blog-list .recent-blog-info .footer-recent-blog-meta a {
  color: #545454;
}
.footer .recent-blog-list .recent-blog-info:hover .footer-recent-blog-meta {
  color: #848484;
}
.footer .recent-blog-list .recent-blog-info:hover .footer-recent-blog-meta a {
  color: #848484;
}
.footer .recent-blog-list .recent-blog-info:hover .foot-recent-blog-sub-head {
  color: #E1E1E1;
}
.footer .recent-blog-list .recent-blog-info:last-child {
  border-bottom: none;
}
.footer .recent-blog-list .recent-blog-info:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.footer .footer-image-girds {
  margin-top: 60px;
  margin-bottom: 100px;
}
.footer .footer-image-girds figure {
  overflow: hidden;
  width: 117px;
  margin: 0px 9px 10px 0px;
  float: left;
}
.footer .footer-image-girds figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.footer .footer-image-girds figure:hover img {
  -webkit-transform: scale(1.3) rotateZ(-7deg);
  -ms-transform: scale(1.3) rotateZ(-7deg);
  -o-transform: scale(1.3) rotateZ(-7deg);
  transform: scale(1.3) rotateZ(-7deg);
}
.footer .footer-image-girds .no-right-margin {
  margin-right: 0px;
}
.footer .copyright-container {
  background: #26282A;
  padding: 60px 0px;
}
.footer .copyright-container .copyrights {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0px;
  letter-spacing: 0px;
  color: #848484;
  margin-top: 5px;
  line-height: 28px;
}
.footer .copyright-container .copyrights a {
  color: #ABABAB;
  cursor: pointer;
}
.footer .copyright-container .copyrights2 {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 11px;
  margin-bottom: 0px;
  letter-spacing: 0px;
  color: #848484;
  margin-top: 5px;
  line-height: 28px;
}
.footer .copyright-container .copyrights2 a {
  color: #E4E4E4;
  cursor: pointer;
}
.footer .copyright-container .copyrights2 a:hover {
  color: #DE3580;
  cursor: pointer;
}
.footer .copyright-container .footer-social-icons {
  display: block;
  text-align: right;
}
.footer .copyright-container .footer-social-icons .footer-icon-link {
  background: #404245;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: inline-block;
  color: #777;
  font-size: 16px;
  margin-right: 10px;
  text-align: center;
}
.footer .copyright-container .footer-social-icons .footer-icon-link .fa {
  padding: 10px 0px;
}
.footer .copyright-container .footer-social-icons .footer-icon-link:hover {
  color: #FFF;
}
.footer .copyright-container .footer-social-icons .footer-icon-link:hover.facebook {
  background: #3B5998;
}
.footer .copyright-container .footer-social-icons .footer-icon-link:hover.twitter {
  background: #4099FF;
}
.footer .copyright-container .footer-social-icons .footer-icon-link:hover.google-plus {
  background: #D34836;
}
.footer .copyright-container .footer-social-icons .footer-icon-link:hover.behance {
  background: #1769FF;
}
.footer .copyright-container .footer-social-icons .footer-icon-link:hover.dribbble {
  background: #C73B6F;
}
/*
 * --- About Us Page ----
 */
/*-------------------------------------------------------------------------------
  8. About Us Page - 8.1 Theme Features
-------------------------------------------------------------------------------*/
.about-page .theme-features {
  background: transparent;
}
/*
 * --- Services Page ----
 */
/*-------------------------------------------------------------------------------
  9. Services Page
-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
 9.1 Theme Features
-------------------------------------------------------------------------------*/
.services-page .theme-features {
  background: #F7F7F7;
}
.services-page .theme-features .theme-features-list .icon::before {
  border: 1px solid #2C2F33;
  border-radius: 50%;
  padding: 20px 30px 20px 30px;
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 0px;
}
.services-page .theme-features .theme-features-list:hover .icon::before {
  background: #DE3580;
  border: 1px solid #DE3580;
  color: #FFF;
  transition: 0.3s ease-out;
  padding: 20px 30px 20px 27px;
}
.services-page .theme-features .theme-features-list:hover .icon {
  transform: scale(1.1);
}
/*-------------------------------------------------------------------------------
 9.2 Our Services
-------------------------------------------------------------------------------*/
.services-page .our-services {
  padding: 50px 0px 40px;
}
/*.services-page .our-services.spotlight-single
{
	background: url("../images/spotlight-bg2.jpg") 0px -200px / cover repeat-x local border-box padding-box;
}*/
/*.services-page .our-services.spotlight-multi
{
	background: url("../images/spotlight-bg1.jpg") 0px -100px / cover repeat-x local border-box padding-box;
}*/
.services-page .our-services .response-change-image {
  margin-bottom: 30px;
}
.services-page .our-services .response-change-image img {
  display: inline-block;
  vertical-align: top;
  max-height: 250px;
  margin-top: 30px;
}
.services-page .our-services .response-change-image .services-list {
  display: inline-block;
  vertical-align: bottom;
  max-width: 500px;
  text-align: justify;
  margin-left: 30px;
}
.services-page .our-services .response-change-image .services-list p {
  margin-bottom: 0px;
}
.services-page .our-services .response-change-image .services-list.direction-text {
  direction: ltr;
  margin-right: 30px;
  margin-left: 0px;
}
/*-------------------------------------------------------------------------------
9.3 Best Features
-------------------------------------------------------------------------------*/
/*.services-page .best-features
{
	background: #2C2F33;
}*/
/*.services-page .best-features H1
{
	color: #FFF;
}*/
/*.services-page .best-features .btn-default
{
	margin-top: 0px;
	display: inline-block;
	border: 1px solid #CCC;
}*/
/*-------------------------------------------------------------------------------
 9.4 Core Features
-------------------------------------------------------------------------------*/
.services-page .core-features {
  padding: 100px 0px 40px;
  background: transparent;
}
.services-page .core-features .core-features-list .icon {
  line-height: 120px;
  margin-top: -35px;
}
/*
 * --- Portfolio Page ----
 */
/*-------------------------------------------------------------------------------
  10. Portfolio Page
-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
 10.1 Sub Page Banner
-------------------------------------------------------------------------------*/
.portfolio-page .sub-page-banner {
  background: url("https://via.placeholder.com/1920x300/");
}
/*-------------------------------------------------------------------------------
 10.2 Portfolio Filter
-------------------------------------------------------------------------------*/
.portfolio-page .filter {
  text-align: center;
  margin: 0px 0 38px;
}
.portfolio-page .filter li {
  display: inline-block;
  padding: 10px 40px 10px 40px;
}
.portfolio-page .filter li a {
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  font-size: 13px;
  color: #878787;
  position: relative;
  display: block;
  padding: 10px 0px 10px 0px;
  letter-spacing: 2px;
}
.portfolio-page .filter li.active a, .portfolio-page .filter li:hover a {
  color: #2C2F33;
  border-bottom: 4px solid #DE3580;
}
/*
 * --- Portfolio Details Page ----
 */
/*-------------------------------------------------------------------------------
  11. Portfolio Details Page
-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
 11.1 Portfolio Details
-------------------------------------------------------------------------------*/
.portfolio-details-page .portfolio-details {
  padding: 100px 0px;
}
.portfolio-details-page .portfolio-details .portfolio-info h1 {
  font-size: 30px;
  letter-spacing: 0.04em;
  margin-top: 40px;
  margin-bottom: 30px;
  line-height: 48px;
}
.portfolio-details-page .portfolio-details .portfolio-info p {
  line-height: 30px;
  margin-bottom: 90px;
}
.portfolio-details-page .portfolio-details .project-info .project-info-head {
  font-size: 30px;
  letter-spacing: 1px;
  margin-bottom: 25px;
}
.portfolio-details-page .portfolio-details .project-info .icon-head {
  line-height: 1.5em;
  margin-bottom: 30px;
}
.portfolio-details-page .portfolio-details .project-info .icon-head span {
  display: block;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #777;
}
.portfolio-details-page .portfolio-details .project-info .icon-head span a {
  color: #DE3580;
  letter-spacing: 0px;
}
.portfolio-details-page .portfolio-details .project-info .icon-head span a:hover {
  color: #E40E0E;
}
.portfolio-details-page .portfolio-details .project-info .socila_contact {
  padding-left: 0px;
}
.portfolio-details-page .portfolio-details .project-info .socila_contact li {
  display: inline-block;
  margin-right: 5px;
  border-radius: 50%;
}
.portfolio-details-page .portfolio-details .project-info .socila_contact li a {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 2px solid #DDDDDD;
  font-size: 15px;
  color: #999;
  line-height: 31px;
  text-align: center;
  display: inline-block;
  background: #DDDDDD;
}
.portfolio-details-page .portfolio-details .project-info .socila_contact li a:hover {
  background: #DE3580;
  color: #FFF;
  border: 2px solid #DE3580;
}
.portfolio-details-page .portfolio-details .related-post-head .icon-head {
  font-size: 30px;
  margin-bottom: 25px;
}
.portfolio-details-page .portfolio-details .related-post-head .project-info-hr {
  margin-bottom: 25px;
}
/*-------------------------------------------------------------------------------
 11.2 Call to Action
-------------------------------------------------------------------------------*/
.portfolio-details-page .cta.second-cta {
  padding: 125px 0px;
}
/*
 * --- Blog Page ----
 */
/*-------------------------------------------------------------------------------
  12. Blog Page
-------------------------------------------------------------------------------*/
.blog-page .blog .blog-details .right-width-align {
  max-width: 500px;
}
.blog-page .blog .blog-details .blog-change-order {
  margin-bottom: 60px;
}
/*
 * --- Blog Details Page ----
 */
/*-------------------------------------------------------------------------------
  13. Blog Details Page
-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
 13.1 Sub Page Banner
-------------------------------------------------------------------------------*/
.blog-details-page .sub-page-banner {
  background: url("https://via.placeholder.com/1920x300/");
}
/*-------------------------------------------------------------------------------
 13.2 Blog Details
-------------------------------------------------------------------------------*/
.blog-details-page .blog-details {
  padding: 100px 0px;
}
.blog-details-page .blog-details .right-side .main-blog-image {
  margin-bottom: 40px;
}
.blog-details-page .blog-details .right-side h6 {
  margin-top: 0px;
}
.blog-details-page .blog-details .right-side p {
  margin-bottom: 20px;
  line-height: 30px;
}
.blog-details-page .blog-details .right-side h1 {
  letter-spacing: 0.04em;
  line-height: 48px;
  font-size: 30px;
}
.blog-details-page .blog-details .right-side .blog-comment-box {
  background: #F6F6F6;
  padding: 40px 40px 30px 70px;
  margin-bottom: 40px;
  margin-top: 20px;
  display: inline-block;
  width: 100%;
}
.blog-details-page .blog-details .right-side .blog-comment-box .comment-para {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 800;
  font-size: 20px;
  font-style: italic;
  color: #777;
  line-height: 36px;
  float: left;
  max-width: 510px;
}
.blog-details-page .blog-details .right-side .blog-comment-box .comment-para > .commenter-name {
  font-weight: 400;
  font-size: 14px;
  display: contents;
  line-height: 36px;
}
.blog-details-page .blog-details .right-side .blog-comment-box .quotes {
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 180px;
  color: #E0DFDF;
  display: inline-block;
  line-height: 0px;
  min-height: 130px;
  float: right;
}
.blog-details-page .blog-details .right-side .middle-blog-image {
  display: inline-block;
  margin-top: 30px;
}
.blog-details-page .blog-details .right-side .middle-blog-image img {
  display: inline-block;
  margin-right: 30px;
  margin-left: -118px;
  margin-bottom: 20px;
}
.blog-details-page .blog-details .right-side .like-btn {
  margin-bottom: 40px;
}
.blog-details-page .blog-details .right-side .like-btn a {
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  font-size: 18px;
  color: #777;
  border: 1px solid #CDCDCD;
  display: inline-block;
  padding: 20px 30px 20px 30px;
  letter-spacing: 2px;
}
.blog-details-page .blog-details .right-side .like-btn a i {
  padding-bottom: 10px;
  font-size: 29px;
  display: block;
  color: #DE3580;
}
.blog-details-page .blog-details .right-side .social-buttons {
  margin-bottom: 40px;
}
.blog-details-page .blog-details .right-side .social-buttons .btn-secondary {
  margin-right: 20px;
  min-width: 190px;
}
.blog-details-page .blog-details .right-side .social-buttons .btn-secondary.fb:hover {
  background: #3B5998;
  color: #FFF;
  border: 1px solid #3B5998;
}
.blog-details-page .blog-details .right-side .social-buttons .btn-secondary.tw:hover {
  background: #4099FF;
  color: #FFF;
  border: 1px solid #4099FF;
}
.blog-details-page .blog-details .right-side .social-buttons .btn-secondary.gp:hover {
  background: #D34836;
  color: #FFF;
  border: 1px solid #D34836;
}
.blog-details-page .blog-details .right-side .related-post h1 {
  font-size: 36px;
  letter-spacing: 0.15em;
  margin-top: 50px;
}
.blog-details-page .blog-details .right-side .related-post .footer-image-girds {
  margin-top: 10px;
  margin-bottom: 40px;
}
.blog-details-page .blog-details .right-side .related-post .footer-image-girds .gird-image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.blog-details-page .blog-details .right-side .related-post .footer-image-girds .gird-image .blog-post-link {
  position: absolute;
  top: 0px;
  left: 0;
  color: #FFFFFF;
  padding: 59px 112px;
  transform: translateX(-100%);
  transition: all 0.20s ease 0s;
  opacity: 0.9;
}
.blog-details-page .blog-details .right-side .related-post .footer-image-girds .gird-image .blog-post-link .icon {
  font-size: 24px;
  color: #FFFFFF;
}
.blog-details-page .blog-details .right-side .related-post .footer-image-girds .gird-image:hover .blog-post-link {
  transform: translateY(0);
  background: rgba(244, 74, 74, 0.9);
}
.blog-details-page .blog-details .right-side .comments-container {
  margin: 50px auto 15px;
}
.blog-details-page .blog-details .right-side .comments-container h1 {
  font-size: 36px;
  letter-spacing: 0.15em;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list {
  margin-top: 30px;
  padding-left: 0px;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li {
  display: inline-block;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #EEE;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-avatar {
  width: 70px;
  height: 70px;
  float: left;
  margin-right: 30px;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box {
  width: 670px;
  float: right;
  margin-top: -5px;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box .comment-head .icon-head {
  display: inline-block;
  font-size: 18px;
  margin-bottom: 0px;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box .comment-head a i {
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border: 1px solid #EBEBEB;
  padding: 10px;
  color: #C2C2C2;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box .comment-head a.active i {
  color: #DE3580;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box .comment-head span {
  margin-top: 0;
  color: #C2C2C2;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 3px;
  display: block;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box .comment-content span {
  color: #DE3580;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box .comments-contact .btn.btn-secondary {
  margin-right: 25px;
  min-width: 129px;
  margin-top: 0px;
  border: 1px solid #EBEBEB;
  padding: 5px 40px;
  line-height: 30px;
  color: #C2C2C2;
  font-size: 11px;
  letter-spacing: 2px;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box .comments-contact .btn.btn-secondary:hover {
  background: #EBEBEB;
  color: #A1A1A1;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box .comments-contact .icon {
  border: 1px solid #EBEBEB;
  color: #C2C2C2;
  background: #FFF;
  margin-right: 20px;
  padding: 13px 16px 13px 16px;
  border-radius: 3px;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box .comments-contact .icon:hover {
  background: #EBEBEB;
  color: #A1A1A1;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box .comments-contact .share {
  display: inline-block;
  vertical-align: middle;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box .comments-contact .share .share-container {
  border: 1px solid #EBEBEB;
  padding: 11px 16px;
  color: #C2C2C2;
  background: #FFF;
  border-radius: 3px;
  display: inline-block;
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  -ms-transition: all 0.35s linear;
  -o-transition: all 0.35s linear;
  transition: all 0.35s linear;
  float: left;
  cursor: pointer;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box .comments-contact .share .share-container .share-icon {
  float: left;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box .comments-contact .share .share-container:hover {
  width: 250px;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box .comments-contact .share .share-container .share-text {
  display: none;
  width: 0px;
  float: left;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box .comments-contact .share .share-container .share-text a {
  color: #C2C2C2;
  font-size: 16px;
  padding-left: 10px;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box .comments-contact .share .share-container:hover .share-text {
  display: inline-block;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .reply-list {
  padding-left: 100px;
  display: inline-block;
  margin-top: 30px;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .reply-list li {
  border-bottom: 1px solid #EEE;
  margin-bottom: 0px;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .reply-list li .comment-box {
  width: 570px;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li:nth-child(3), .blog-details-page .blog-details .right-side .comments-container .comments-list li:nth-child(4), .blog-details-page .blog-details .right-side .comments-container .comments-list li:nth-child(5) {
  border-bottom: none;
  margin-bottom: 0px;
}
.blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-list-border {
  margin-bottom: 0px;
  border-bottom: 1px solid #EEE;
  display: inline-block;
  padding-bottom: 20px;
}
.blog-details-page .blog-details .right-side .comment-form h1 {
  font-size: 36px;
  letter-spacing: 3px;
  margin-top: 50px;
}
.blog-details-page .blog-details .right-side .comment-form .contact-form {
  padding-top: 25px;
}
.blog-details-page .blog-details .right-side .comment-form .contact-form .form-control {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  height: 64px;
  font-size: 18px;
  color: #777;
  border-radius: 0px;
  background: #FAFAFA;
  border: 1px solid #E5E5E5;
  box-shadow: none;
  margin-bottom: 20px;
  padding-left: 30px;
}
.blog-details-page .blog-details .right-side .comment-form .contact-form .form-control:focus {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 600;
  background: #FFF;
  border: 1px solid #D6D6D6;
}
.blog-details-page .blog-details .right-side .comment-form .contact-form .message-area {
  height: auto;
}
.blog-details-page .blog-details .right-side .comment-form .contact-form .btn-primary {
  margin-right: 0px;
}
.blog-details-page .blog-details .left-side .search-box {
  padding: 0px 0px 50px;
  position: relative;
}
.blog-details-page .blog-details .left-side .search-box input {
  padding-right: 30px;
  padding-left: 30px;
  height: 60px;
  color: #CCC;
  background: #F7F7F7;
  font-size: 16px;
  border-radius: 0px;
}
.blog-details-page .blog-details .left-side .search-box i {
  position: absolute;
  right: 0px;
  padding: 20px 22px;
  pointer-events: none;
  color: #CCC;
}
.blog-details-page .blog-details .left-side .popular-post-info .icon-head {
  color: #2A2F33;
  margin-bottom: 0px;
  line-height: 28px;
}
.blog-details-page .blog-details .left-side .popular-post-info .recent-blog-list {
  margin-bottom: 30px;
}
.blog-details-page .blog-details .left-side .popular-post-info .recent-blog-list .recent-blog-info {
  padding: 32px 0px 25px;
  border-bottom: 1px solid #E9E9E9;
  position: relative;
  overflow: hidden;
}
.blog-details-page .blog-details .left-side .popular-post-info .recent-blog-list .recent-blog-info img {
  margin-right: 15px;
  margin-bottom: 10px;
}
.blog-details-page .blog-details .left-side .popular-post-info .recent-blog-list .recent-blog-info .blog-post-link {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 32px;
  left: 0;
  color: #FFFFFF;
  padding: 25px 29px;
  transform: translateX(-100%);
  transition: all 0.20s ease 0s;
  opacity: 0.9;
}
.blog-details-page .blog-details .left-side .popular-post-info .recent-blog-list .recent-blog-info .blog-post-link .icon {
  font-size: 24px;
  color: #FFFFFF;
}
.blog-details-page .blog-details .left-side .popular-post-info .recent-blog-list .recent-blog-info:hover .blog-post-link {
  transform: translateY(0);
  background: rgba(244, 74, 74, 0.9);
}
.blog-details-page .blog-details .left-side .popular-post-info .recent-blog-list .recent-blog-info h6 {
  color: #777;
}
.blog-details-page .blog-details .left-side .popular-post-info .recent-blog-list .recent-blog-info:hover h6 {
  color: #2C2F33;
}
.blog-details-page .blog-details .left-side .popular-post-info .recent-blog-list .recent-blog-info span {
  color: #B7B7B7;
}
.blog-details-page .blog-details .left-side .popular-post-info .recent-blog-list .recent-blog-info:hover .footer-recent-blog-meta {
  color: #848484;
}
.blog-details-page .blog-details .left-side .popular-post-info .recent-blog-list .recent-blog-info:last-child {
  border-bottom: none;
}
.blog-details-page .blog-details .left-side .instagram-gallery {
  display: inline-block;
}
.blog-details-page .blog-details .left-side .instagram-gallery .icon-head {
  margin-bottom: 0px;
}
.blog-details-page .blog-details .left-side .instagram-gallery .footer-image-girds {
  margin-top: 40px;
  margin-bottom: 40px;
  display: inline-block;
}
.blog-details-page .blog-details .left-side .instagram-gallery .footer-image-girds .gird-image {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  max-width: 90px;
}
.blog-details-page .blog-details .left-side .instagram-gallery .footer-image-girds .gird-image .blog-post-link {
  position: absolute;
  top: 0px;
  left: 0;
  color: #FFFFFF;
  padding: 39px 39px;
  transform: translateX(-100%);
  transition: all 0.20s ease 0s;
  opacity: 0.9;
}
.blog-details-page .blog-details .left-side .instagram-gallery .footer-image-girds .gird-image .blog-post-link .icon {
  font-size: 24px;
  color: #FFFFFF;
}
.blog-details-page .blog-details .left-side .instagram-gallery .footer-image-girds .gird-image:hover .blog-post-link {
  transform: translateY(0);
  background: rgba(244, 74, 74, 0.9);
}
.blog-details-page .blog-details .left-side .category {
  display: inline-block;
}
.blog-details-page .blog-details .left-side .category .category-list {
  padding-left: 10px;
}
.blog-details-page .blog-details .left-side .category .category-list li {
  font-family: 'notosans', sans-serif;
  font-weight: 400;
  list-style: none;
  padding-bottom: 30px;
}
.blog-details-page .blog-details .left-side .category .category-list li a {
  font-size: 16px;
  color: #777;
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: 0.3s linear;
}
.blog-details-page .blog-details .left-side .category .category-list li a:hover {
  color: #2C2F33;
  margin-left: 20px;
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: 0.3s linear;
}
.blog-details-page .blog-details .left-side .category .category-list li a:hover i {
  color: #DE3580;
}
.blog-details-page .blog-details .left-side .category .category-list li a:hover i.meta-list {
  color: #2C2F33;
}
/*
 * --- Contact Page ----
 */
/*-------------------------------------------------------------------------------
  14. Contact Page
-------------------------------------------------------------------------------*/
.contact-info {
  padding: 100px 0px;
}
.contact-info .contact-details .icon {
  color: #777;
}
.contact-info .contact-details .icon::before {
  font-size: 44px;
  border: 1px solid #2C2F33;
  border-radius: 50%;
  padding: 20px 30px 20px 30px;
  display: inline-block;
  margin-bottom: 30px;
  margin-left: 0px;
  -webkit-transition: .2s linear;
  -o-transition: .2s linear;
  transition: 0.2s linear;
}
.contact-info .contact-details:hover .icon::before {
  background: #DE3580;
  border: 1px solid #DE3580;
  color: #FFF;
}
.contact-info p {
  margin-bottom: 5px;
}
.contact-info a p:hover {
  color: #DE3580;
}
/*
 * --- Mediaquery ----
 */
/*-------------------------------------------------------------------------------
  15. Contact Page
-------------------------------------------------------------------------------*/
@media (min-width: 1500px) {
  .header.sticky-header .navbar-primary {
    margin-top: -30px;
  }
  .home-page-v1-banner .image-caption-1 {
    position: relative;
    margin: 0 auto;
    padding: 100px 0px;
    padding-top: 250px;
    background: rgba(0, 0, 0, 0.2) url('../images/crossed-pattern.png');
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  .header.sticky-header .navbar-primary {
    margin-top: -30px;
  }
  .home-page-v1-banner .image-caption-1 {
    position: relative;
    margin: 0 auto;
    padding: 160px 0px 100px;
    background: rgba(0, 0, 0, 0.2) url('../images/crossed-pattern.png');
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sticky-wrapper {
    margin-top: 0px;
  }
  .sticky-wrapper .header .top-container {
    background-color: transparent;
    margin-top: 0px;
  }
  .sticky-wrapper .header .top-container .navbar-primary {
    background: #FFF;
    margin-top: -30px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav {
    margin-top: 0px;
    padding-top: 10px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li {
    margin-bottom: 10px;
    margin-right: 0px;
    padding-top: 10px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li a {
    color: #000;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li:hover > a, .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li:focus > a, .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li.active > a {
    border-bottom: 2px solid #DE3580;
    color: #DE3580;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-header {
    padding: 10px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-header .logo-image {
    display: inline-block;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-header .logo-image .logo-hover {
    display: inline-block;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-header .logo-image .logo-normal {
    display: none;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-header .logo-image .normal-span {
    color: #000;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li {
    margin-bottom: 10px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li a {
    padding-top: 10px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li a {
    text-shadow: 0px 0px rgba(0, 0, 0, 0.429);
  }
  .sub-page-menu .content {
    padding-top: 140px;
  }
  .home-page-v1-banner {
    margin-top: 70px;
  }
  .grow-your-business {
    background: url("https://via.placeholder.com/1920x1080/");
    background: url("../images/slide3.jpg");
    background-attachment: fixed;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .grow-your-business .layer {
    padding: 36px 0px 54px;
  }
  .grow-your-business .layer .respond-mobile-image {
    display: none;
  }
  .grow-your-business .layer .grow-business-info {
    padding-top: 0px;
  }
  .grow-your-business .layer .grow-business-info .grow-your-business-head {
    font-size: 64px;
    margin-bottom: 10px;
  }
  .grow-your-business .layer .grow-business-info .grow-your-business-sub-head {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .grow-your-business .layer .grow-business-info .btn {
    min-width: 190px;
  }
  .grow-your-business .layer .grow-business-info .btn.btn-primary {
    margin-right: 50px;
  }
  .cta .cta-head {
    font-size: 30px;
  }
  .best-features .best-features-info {
    padding-top: 70px;
  }
  .our-team .team-details .team-content {
    padding: 146px 18px;
  }
  .our-team .team-details .team-content .team-hr {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .our-team .team-details .team-content .team-designation {
    margin-bottom: 15px;
  }
  .promo-box .layer {
    padding: 150px 0px;
  }
  .blog .blog-details .img-right-gray-part .arrow-left {
    right: 19px;
  }
  .blog .blog-details .img-right-gray-part::before {
    right: -47px;
  }
  .blog .blog-details > div {
    margin-bottom: 70px;
  }
  .blog .blog-details > div figure {
    width: 370px;
  }
  .footer .recent-blog-list {
    margin-bottom: 50px;
  }
  .footer .recent-blog-list .recent-blog-info img {
    margin-bottom: 30px;
  }
  .footer .footer-image-girds {
    margin-bottom: 0px;
    margin-top: 30px;
  }
  .footer .footer-image-girds figure {
    width: 90px;
    margin: 0px 5px 5px 0px;
  }
  .footer .footer-image-girds figure img {
    width: 90px;
  }
  .footer .icon-head {
    margin-block-end: 0px;
  }
  .easy-to-customize .easy-customize-text {
    right: -300px;
    max-width: 520px;
    top: 20px;
  }
  .who-we-are .who-we-are-info {
    padding-top: 0px;
  }
  .who-we-are .who-we-are-info h1 {
    font-size: 34px;
  }
  .home-page-v1-banner .image-caption-1 {
    padding-top: 103px;
  }
  .home-page-v1-banner .image-caption-1 .v1-banner-head {
    font-size: 69px;
  }
  .home-page-v1-sub-banner .image-caption-1 {
    padding-top: 119px;
  }
  .home-page-v1-sub-banner .image-caption-1 .v1-banner-head {
    font-size: 130px;
  }
  .home-v2 .home-page-v1-banner .image-caption-1 {
    padding-top: 130px;
  }
  .home-v2 .home-page-v1-banner .image-caption-1 .v1-banner-head {
    font-size: 50px;
  }
  .home-v2 .our-services .services-list h6 {
    margin: 0px 0px 25px;
  }
  .home-v3 .home-page-v1-banner {
    height: 487px;
    background-position: top;
  }
  .home-v3 .home-page-v1-banner .layer {
    padding: 88px 0px;
  }
  .home-v3 .home-page-v1-banner .layer .icon::before {
    font-size: 70px;
    margin-bottom: 12px;
  }
  .home-v3 .home-page-v1-banner .layer .v2-banner-head {
    font-size: 50px;
  }
  .home-v4 .home-page-v1-banner {
    height: 487px;
    background-position: top;
  }
  .home-v4 .home-page-v1-banner .layer {
    padding: 89px 0px;
  }
  .home-v4 .home-page-v1-banner .layer .icon::before {
    font-size: 70px;
    margin-bottom: 12px;
  }
  .home-v4 .home-page-v1-banner .layer .v2-banner-head {
    font-size: 50px;
  }
  .home-v4 .who-we-are .who-we-are-info h1 {
    letter-spacing: 5px;
    font-size: 28px;
    margin-bottom: 10px;
  }
  .home-v4 .our-services .services-list {
    margin-bottom: 30px;
  }
  .home-v4 .our-services .services-list .services-on-show {
    padding: 90px 18px;
  }
  .home-v4 .video-background .layer {
    padding: 200px 0px;
  }
  .home-v5 .home-page-v1-banner {
    height: 491px;
  }
  .home-v5 .home-page-v1-banner .home-v5-rocket {
    padding: 110px 0px;
  }
  .home-v5 .home-page-v1-banner .home-v5-rocket img {
    width: 30%;
    left: 334px;
  }
  .home-v5 .home-page-v1-banner .cloud-img {
    height: 287px;
  }
  .home-v5 .who-we-are .who-we-are-info h1 {
    font-size: 30px;
    letter-spacing: 5px;
  }
  .blog-details-page .blog-details .right-side .blog-comment-box {
    padding: 30px 20px 20px 20px;
  }
  .blog-details-page .blog-details .right-side .blog-comment-box .comment-para {
    max-width: 476px;
  }
  .blog-details-page .blog-details .right-side .related-post .footer-image-girds .gird-image .blog-post-link {
    padding: 45px 90px;
  }
  .blog-details-page .blog-details .right-side .middle-blog-image img {
    margin-left: -88px;
  }
  .blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box {
    width: 510px;
    float: right;
  }
  .blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box .comment-content p {
    margin-top: 20px;
  }
  .blog-details-page .blog-details .right-side .comments-container .comments-list li .comment-box .comments-contact .share .share-container:hover {
    width: 190px;
  }
  .blog-details-page .blog-details .right-side .comments-container .comments-list li .reply-list li .comment-box {
    width: 415px;
    float: right;
  }
  .core-features .core-features-list .icon {
    margin-bottom: 190px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .commen-padding {
    padding: 50px 0px 0px;
  }
  .sticky-wrapper {
    margin-top: 0px;
  }
  .sticky-wrapper .header .top-container {
    /*position: relative;*/
    background-color: transparent;
    margin-top: 0px;
  }
  .sticky-wrapper .header .top-container .navbar-primary {
    background: #FFF;
    padding: 0px;
    margin-top: -34px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav {
    margin-top: 0px;
    padding-top: 10px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li {
    margin-bottom: 10px;
    margin-right: 0px;
    padding-top: 10px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li a {
    color: #000;
  }
  .sticky-wrapper .header .navbar-primary .navbar-collapse .nav.navbar-nav li a {
    text-shadow: 0px 0px rgba(0, 0, 0, 0.429);
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li:hover > a, .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li:focus > a, .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li.active > a {
    border-bottom: 2px solid #DE3580;
    color: #DE3580;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-header {
    padding: 10px;
    padding-left: 0px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-header .logo-image .logo-hover {
    display: inline-block;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-header .logo-image .logo-normal {
    display: none;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-header .logo-image .normal-span {
    color: #000;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li {
    margin-bottom: 10px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li a {
    padding-top: 10px;
  }
  .sub-page-menu .content {
    padding-top: 70px;
  }
  .home-page-v1-banner {
    margin-top: 70px;
  }
  .fun-facts .counter-list {
    margin-bottom: 20px;
  }
  .grow-your-business {
    background: url("../images/slide3.jpg");
    background-attachment: initial;
    background-size: 100% 100%;
  }
  .grow-your-business .layer {
    padding: 150px 0px;
  }
  .grow-your-business .layer .respond-mobile-image {
    display: none;
  }
  .grow-your-business .layer .grow-business-info {
    padding-top: 0px;
  }
  .grow-your-business .layer .grow-business-info .grow-your-business-head {
    font-size: 48px;
    margin-bottom: 10px;
  }
  .grow-your-business .layer .grow-business-info .grow-your-business-sub-head {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .grow-your-business .layer .grow-business-info .btn {
    min-width: 190px;
  }
  .grow-your-business .layer .grow-business-info .btn.btn-primary {
    margin-right: 20px;
  }
  .cta .cta-head {
    text-align: center;
  }
  .cta .cta-btn-class {
    text-align: center;
    margin-top: 20px;
  }
  .best-features {
    padding: 50px 0px;
  }
  .best-features .best-features-info {
    padding-top: 0px;
  }
  .best-features .best-features-info p {
    margin-bottom: 20px;
  }
  .best-features .best-features-image img {
    display: block;
  }
  .our-team .team-details {
    margin-bottom: 30px;
  }
  .our-team .team-details figure {
    overflow: hidden;
  }
  .our-team .team-details figure img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .4s ease-in-out;
    transition: 0.4s ease-in-out;
  }
  .our-team .team-details:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  .our-team .team-details:hover .team-content {
    transform: none;
    background: none;
    display: none;
    transition: none;
  }
  .our-team .team-details:hover .team-prof {
    transform: none;
  }
  .promo-box {
    background-attachment: initial;
    background-size: 100% 100%;
  }
  .promo-box .layer {
    padding: 100px 0px;
  }
  .promo-box .layer .promo-head {
    font-size: 80px;
  }
  .blog .blog-details > div {
    margin-bottom: 70px;
  }
  .blog .blog-details > div:last-child {
    margin-bottom: 0px;
  }
  .blog .blog-details > div .img-right-gray-part::before {
    display: none;
  }
  .blog .blog-details > div .img-right-gray-part .arrow-left {
    top: 30px;
  }
  .blog .blog-details > div .responsive-col-change img {
    display: inline-block;
    float: left;
    margin-right: 20px;
  }
  .blog .blog-details > div .responsive-col-change h6 {
    margin-top: 20px;
  }
  .blog .blog-details > div .responsive-col-change h6 .date {
    display: inline-block;
    margin-top: 10px;
  }
  .blog .blog-details > div .responsive-col-change .blog-description {
    display: inline-block;
    margin-top: 20px;
  }
  .blog .blog-details > div .responsive-col-change .blog-description .blog-sub-head {
    margin-top: 0px;
  }
  .blog .blog-details > div .responsive-col-change .blog-description .blog-head {
    margin-bottom: 10px;
  }
  .blog .blog-details > div .responsive-col-change .blog-description .blog-content {
    margin-bottom: 10px;
  }
  .blog .blog-details > div .responsive-col-change .blog-description .btn.btn-secondary {
    margin-top: 0px;
  }
  .pricing-table .plan .plan-name .icon-head {
    margin-bottom: 0px;
  }
  .footer {
    padding-top: 50px;
  }
  .footer .footer-responsive-media {
    margin-bottom: 20px;
  }
  .footer .footer-responsive-media .recent-blog-list {
    margin-bottom: 0px;
  }
  .footer .footer-responsive-media .recent-blog-list .recent-blog-info {
    padding: 32px 0px 45px;
  }
  .footer .footer-responsive-media .footer-image-girds {
    margin-bottom: 0px;
    margin-top: 30px;
  }
  .footer .footer-responsive-media .footer-image-girds figure {
    width: 100px;
    margin: 0px 10px 10px 0px;
  }
  .footer .footer-responsive-media .footer-image-girds figure img {
    width: 100px;
  }
  .footer .icon-head {
    margin-block-end: 0px;
  }
  .footer .copyright-container {
    padding: 30px 0px;
  }
  .footer .copyright-container .copyrights {
    margin-bottom: 20px;
    text-align: center;
  }
  .footer .copyright-container .footer-social-icons {
    text-align: center;
  }
  .footer .copyright-container .copyrights2 {
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 14px;
    letter-spacing: 0px;
    color: #848484;
    margin-top: -23px;
    line-height: 28px;
    text-align: center;
  }
  .easy-to-customize .easy-customize-text {
    position: relative;
    right: 0px;
    top: 30px;
    padding-bottom: 50px;
  }
  .who-we-are .who-we-are-info {
    padding-top: 20px;
  }
  .who-we-are .who-we-are-info h1 {
    font-size: 22px;
  }
  .who-we-are .who-we-are-info p {
    margin-bottom: 10px;
  }
  .work-process .work-process-image::before {
    top: 50px;
  }
  .work-process .commen-bottom-space .work-process-head {
    padding-top: 22px;
  }
  .home-page-v1-banner .image-caption-1 {
    padding-top: 52px;
  }
  .home-page-v1-banner .image-caption-1 .v1-banner-sub-head {
    font-size: 23px;
  }
  .home-page-v1-banner .image-caption-1 .v1-banner-head {
    font-size: 56px;
  }
  .theme-features {
    padding: 50px 0px 0px;
  }
  .our-services {
    padding: 50px 0px 0px;
  }
  .home-v2 .commen-padding {
    padding: 50px 0px;
  }
  .home-v2 .home-page-v1-banner .image-caption-1 {
    padding-top: 80px;
  }
  .home-v2 .home-page-v1-banner .image-caption-1 .v1-banner-head {
    font-size: 50px;
    margin-bottom: 0px;
  }
  .home-v2 .home-page-v1-banner .image-caption-1 .icon::before {
    font-size: 60px;
  }
  .home-v2 .theme-features .mrg-top {
    margin-bottom: 0px;
  }
  .home-v2 .theme-features .theme-features-list p {
    margin-bottom: 20px;
  }
  .home-v2 .our-services .services-list {
    max-width: 300px;
  }
  .home-v2 .our-services .services-list h6 {
    margin: 0px 0px 25px;
  }
  .home-v3 .commen-padding {
    padding: 50px 0px;
  }
  .home-v3 .home-page-v1-banner {
    height: 363px;
    background-position: top;
  }
  .home-v3 .home-page-v1-banner .layer {
    padding: 87px 0px;
  }
  .home-v3 .home-page-v1-banner .layer .icon {
    display: none;
  }
  .home-v3 .home-page-v1-banner .layer h6.v2-banner-sub-head {
    font-size: 25px;
  }
  .home-v3 .home-page-v1-banner .layer h1.v2-banner-head {
    font-size: 60px;
    margin-bottom: 0px;
  }
  .home-v3 .who-we-are .who-we-are-info h1 {
    font-size: 25px;
    letter-spacing: 6px;
  }
  .home-v3 .who-we-are .who-we-are-info img {
    margin-top: 40px;
  }
  .home-v3 .theme-features .theme-features-list {
    margin-bottom: 30px;
  }
  .home-v3 .theme-features .theme-features-list p {
    margin-bottom: 0px;
  }
  .home-v4 .commen-padding {
    padding: 50px 0px;
  }
  .home-v4 .home-page-v1-banner {
    height: 363px;
    background-position: top;
  }
  .home-v4 .home-page-v1-banner .layer {
    padding: 100px 0px;
  }
  .home-v4 .home-page-v1-banner .layer .icon {
    display: none;
  }
  .home-v4 .home-page-v1-banner .layer h6.v2-banner-sub-head {
    font-size: 25px;
  }
  .home-v4 .home-page-v1-banner .layer h1.v2-banner-head {
    font-size: 40px;
    margin-bottom: 0px;
  }
  .home-v4 .who-we-are .who-we-are-info h1 {
    letter-spacing: 5px;
    font-size: 21px;
    margin-bottom: 10px;
  }
  .home-v4 .who-we-are .who-we-are-info .btn.btn-primary {
    margin-bottom: 20px;
  }
  .home-v4 .our-services .services-list {
    margin-bottom: 30px;
  }
  .home-v4 .our-services .services-list .services-on-show {
    padding: 140px 18px;
  }
  .home-v4 .video-background .layer {
    padding: 200px 0px;
  }
  .home-v5 .commen-padding {
    padding: 50px 0px;
  }
  .home-v5 .home-page-v1-banner {
    height: 365px;
  }
  .home-v5 .home-page-v1-banner .home-v5-rocket {
    padding: 50px 0px;
  }
  .home-v5 .home-page-v1-banner .home-v5-rocket img {
    width: 30%;
    left: 254px;
  }
  .home-v5 .home-page-v1-banner .cloud-img {
    height: 277px;
  }
  .home-v5 .theme-features .theme-features-list p {
    margin-bottom: 20px;
  }
  .home-v5 .clarup-demos {
    padding: 50px 0px 0px;
  }
  .home-v5 .who-we-are .who-we-are-info h1 {
    font-size: 25px;
    letter-spacing: 5px;
  }
  .home-v5 .who-we-are .who-we-are-info .btn.btn-primary {
    margin-top: 0px;
  }
  .home-v5 .core-features .core-features-list .last-icon-head {
    margin-bottom: 0px;
  }
  .home-v5 .core-features .core-features-list .icon {
    margin-bottom: 60px;
  }
  .home-v5 .video-background .layer {
    padding: 140px 0px;
  }
  .home-v5 .promo-box-buy .layer .promo-head {
    font-size: 60px;
  }
  .about-page .commen-padding {
    padding: 50px 0px;
  }
  .about-page .theme-features .theme-features-list {
    margin-bottom: 20px;
  }
  .about-page .theme-features .theme-features-list p {
    margin-bottom: 20px;
  }
  .about-page .work-process {
    padding-bottom: 0px;
  }
  .about-page .work-process .work-process-image:before {
    display: none;
  }
  .about-page .work-process .work-process-head {
    padding-top: 0px;
  }
  .about-page .work-process .work-process-head .work-process-hr-left {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .services-page .theme-features {
    background: #F7F7F7;
  }
  .services-page .theme-features .theme-features-list p {
    margin-bottom: 20px;
  }
  .services-page .our-services {
    padding: 50px 0px;
  }
  .services-page .our-services .services-list {
    max-width: 300px;
  }
  .services-page .our-services .services-list h6 {
    margin: 0px 0px 25px;
  }
  /*.services-page .best-features
  {
  	background: #2C2F33;
  }*/
  /*.services-page .best-features H1
  {
  	color: #FFF;
  }*/
  /*.services-page .core-features
  {
  	padding: 100px 0px 40px;
  	background: transparent;
  }*/
  .blog-details .right-side .comments-container .comments-list li .comment-box {
    width: 610px;
    float: right;
  }
  .blog-details .right-side .comments-container .comments-list li .comment-box .comment-content p {
    margin-top: 20px;
  }
  .blog-details .right-side .comments-container .comments-list li .comment-box .comments-contact .share .share-container:hover {
    width: 150px;
  }
  .blog-details .right-side .comments-container .comments-list li .reply-list li .comment-box {
    width: 520px;
    float: right;
  }
  .blog-details .left-side .search-box {
    width: 400px;
  }
  .blog-details .left-side .instagram-gallery {
    padding-bottom: 300px;
  }
  .blog-details .left-side .instagram-gallery .footer-image-girds .gird-image {
    max-width: 110px;
  }
  .blog-details .left-side .instagram-gallery .footer-image-girds .gird-image .blog-post-link {
    padding: 50px 50px;
  }
  .blog-details .left-side .respons-popular-post {
    padding-bottom: 80px;
  }
  .portfolio-details .portfolio-info p {
    margin-bottom: 30px;
  }
  .portfolio-details .project-info {
    margin-bottom: 50px;
  }
  .portfolio-details .project-info .socila_contact {
    text-align: center;
  }
  .portfolio-details .related-post-head img {
    margin-bottom: 30px;
  }
  .contact-page .contact-details {
    margin-bottom: 40px;
  }
  .core-features .core-features-list .icon {
    margin-bottom: 190px;
  }
}
@media (min-width: 100px) and (max-width: 512px) {
  .sticky-wrapper {
    margin-top: 0px;
  }
  .sticky-wrapper .header .top-container {
    /*position: relative;*/
    background-color: transparent;
    margin-top: 0px;
  }
  .sticky-wrapper .header .top-container .navbar-primary {
    background: #FFF;
    padding: 0px;
    margin-top: -35px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav {
    margin-top: 0px;
    padding-top: 10px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li {
    margin-bottom: 10px;
    margin-right: 0px;
    padding-top: 10px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li a {
    color: #000;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li:hover > a, .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li:focus > a, .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li.active > a {
    border-bottom: 2px solid #DE3580;
    color: #DE3580;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li a {
    text-shadow: 0px 0px rgba(0, 0, 0, 0.429);
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-header {
    padding: 10px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-header .logo-image .logo-hover {
    display: inline-block;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-header .logo-image .logo-normal {
    display: none;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-header .logo-image .normal-span {
    color: #000;
    font-size: 18px;
    display: none;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li {
    margin-bottom: 10px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li a {
    padding-top: 10px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-header {
    padding-left: 10px;
  }
  .commen-padding {
    padding: 50px 0px;
  }
  .home-page-v1-banner {
    /*background: url("https://via.placeholder.com/1920x1080/");*/
    position: relative;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 230px;
    margin-top: 70px;
  }
  .home-page-v1-banner img {
    /*display: none;*/
  }
  .home-page-v1-banner .image-caption-1 {
    padding: 90px 0px 0px 0px;
    height: auto;
  }
  .home-page-v1-banner .image-caption-1 .v1-banner-head {
    font-size: 25px;
    margin-bottom: 0;
    padding-top: 0px;
  }
  .home-page-v1-banner .image-caption-1 .v1-banner-sub-head {
    font-size: 14px;
    line-height: 16px;
    background-color: #AF004D;
    padding: 2px 0;
    margin-top: 2px;
  }
  .home-page-v1-banner .image-caption-1 h6.v1-banner-sub-sub-head {
    display: none;
  }
  .home-page-v1-banner .image-caption-1 .btn-primary {
    padding: 6px 25px;
    font-size: 12px;
    line-height: 1.5;
    min-width: auto;
    margin-top: 5px;
  }
  .home-page-v1-banner .image-caption-1 .btn-default {
    display: none;
  }
  .theme-features .theme-features-list {
    margin-bottom: 25px;
  }
  .theme-features .theme-features-list p {
    margin-bottom: 10px;
  }
  .theme-features .theme-features-list .icon::before {
    font-size: 55px;
  }
  .fun-facts .counter-list {
    margin-bottom: 20px;
  }
  .grow-your-business {
    background: url("../images/slide3.jpg");
    background-attachment: initial;
    background-size: 100% 100%;
  }
  .grow-your-business .layer .respond-mobile-image {
    display: none;
  }
  .grow-your-business .layer .grow-business-info {
    padding-top: 0px;
    margin-top: -30px;
    text-align: center;
    padding-bottom: 12px;
  }
  .grow-your-business .layer .grow-business-info .grow-your-business-head {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .grow-your-business .layer .grow-business-info .grow-your-business-sub-head {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .grow-your-business .layer .grow-business-info .btn {
    min-width: 190px;
  }
  .grow-your-business .layer .grow-business-info .btn.btn-primary {
    margin-right: 0px;
  }
  .recent-works .grid {
    margin-bottom: 0px;
  }
  .recent-works .grid .grid-item {
    left: 0px;
  }
  .cta .cta-head {
    text-align: center;
  }
  .cta .cta-btn-class {
    text-align: center;
    margin-top: 20px;
  }
  .best-features .best-features-info {
    padding-top: 0px;
  }
  .best-features .best-features-info h1 {
    font-size: 30px;
  }
  .testimonials h1 {
    font-size: 25px;
    letter-spacing: 7px;
  }
  .testimonials .testi-name {
    font-size: 18px;
  }
  .our-team .team-details {
    margin-bottom: 30px;
  }
  .our-team .team-details figure {
    overflow: hidden;
  }
  .our-team .team-details figure img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .4s ease-in-out;
    transition: 0.4s ease-in-out;
  }
  .our-team .team-details:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  .our-team .team-details:hover .team-content {
    transform: none;
    background: none;
    display: none;
    transition: none;
  }
  .our-team .team-details:hover .team-prof {
    transform: none;
  }
  .promo-box {
    background-attachment: initial;
    background-size: 100% 100%;
  }
  .promo-box .layer {
    padding: 50px 0px;
  }
  .promo-box .layer .promo-head {
    font-size: 35px;
  }
  .promo-box .layer .promo-sub-head {
    line-height: 1.5em;
  }
  .promo-box .layer .btn.btn-primary {
    margin-right: 0px;
  }
  .promo-box .layer .btn.btn-default {
    margin-right: 0px;
  }
  .blog .blog-details .img-right-gray-part .arrow-left, .blog .blog-details .img-right-gray-part .arrow-right {
    display: none;
  }
  .blog .blog-details .img-right-gray-part::before {
    display: none;
  }
  .blog .blog-details .user-part {
    display: none;
  }
  .blog .blog-details .blog-content {
    margin-bottom: 10px;
  }
  .blog .blog-details > div {
    margin-bottom: 50px;
  }
  .blog .blog-details > div:last-child {
    margin-bottom: 0px;
  }
  .blog .blog-details .blog-change-order {
    display: flex;
    flex-flow: column;
  }
  .blog .blog-details .blog-change-order .img-right-gray-part {
    order: 1;
  }
  .blog .blog-details .blog-change-order .responsive-col-change {
    order: 2;
    margin-bottom: 20px;
  }
  .blog .blog-details .blog-change-order .responsive-col-change img {
    display: inline-block;
    float: left;
    margin-right: 20px;
    margin-top: 30px;
  }
  .blog .blog-details .blog-change-order .responsive-col-change h6 {
    margin-top: 50px;
  }
  .blog .blog-details .blog-change-order .responsive-col-change h6 .date {
    display: block;
    margin-top: 10px;
  }
  .blog .blog-details .blog-change-order .responsive-col-change .blog-description {
    display: inline-block;
    margin-top: 20px;
  }
  .pricing-table .plan .plan-name .icon-head {
    margin-bottom: 0px;
  }
  .cta.second-cta {
    padding: 50px 0px;
  }
  .footer {
    padding-top: 50px;
  }
  .footer .footer-responsive-media {
    border-bottom: 1px solid #3B3B3B;
  }
  .footer .footer-responsive-media .recent-blog-list {
    margin-bottom: 20px;
  }
  .footer .footer-responsive-media .recent-blog-list .recent-blog-info {
    padding: 32px 0px 25px;
  }
  .footer .footer-responsive-media .recent-blog-list .recent-blog-info img {
    margin-bottom: 20px;
  }
  .footer .footer-responsive-media .footer-image-girds {
    margin-bottom: 20px;
    margin-top: 20px;
    display: inline-block;
  }
  .footer .footer-responsive-media .footer-image-girds figure {
    width: 100px;
    margin: 0px 10px 10px 0px;
  }
  .footer .footer-responsive-media .footer-image-girds figure img {
    width: 100px;
  }
  .footer .footer-responsive-media:last-child {
    border-bottom: none;
  }
  .footer .footer-responsive-media .icon-head {
    margin-top: 20px;
  }
  .footer .copyright-container {
    padding: 30px 0px;
  }
  .footer .copyright-container .copyrights {
    letter-spacing: 1px;
    font-size: 12px;
    text-align: center;
  }
  .footer .copyright-container .copyrights2 {
    font-weight: 600;
    font-size: 8px;
    margin-bottom: -28px;
    letter-spacing: 0px;
    color: #848484;
    margin-top: 0px;
    line-height: 28px;
    text-align: center;
  }
  .footer .copyright-container .footer-social-icons {
    text-align: center;
    margin-top: 30px;
  }
  .who-we-are .who-we-are-info {
    padding-top: 20px;
  }
  .who-we-are .who-we-are-info h1 {
    font-size: 22px;
  }
  .who-we-are .who-we-are-info p:last-child {
    margin-bottom: 0px;
  }
  .our-services .change-order .response-change-image {
    display: flex;
    flex-flow: column;
  }
  .our-services .change-order .response-change-image .image-chage {
    order: 1;
  }
  .our-services .change-order .response-change-image .services-list {
    order: 2;
    max-width: 100%;
    padding-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .our-services .change-order .response-change-image .services-list.direction-text {
    direction: ltr;
  }
  .our-services .change-order .response-change-image .services-list p {
    margin-bottom: 40px;
  }
  .easy-to-customize .easy-customize-text {
    position: relative;
    right: 0px;
    top: 30px;
    padding-bottom: 50px;
  }
  .work-process .work-process-image {
    text-align: left;
  }
  .work-process .work-process-image::before {
    display: none;
  }
  .work-process .work-process-image img {
    z-index: 0;
  }
  .work-process .work-process-head {
    padding-top: 20px;
    text-align: left;
  }
  .work-process .work-process-head .work-process-hr-left {
    margin-left: 0px;
  }
  .work-process .work-process-head p {
    margin-bottom: 0px;
  }
  .work-process .commen-bottom-space {
    display: flex;
    flex-flow: column;
  }
  .work-process .commen-bottom-space .response-change-image {
    order: 1;
  }
  .work-process .commen-bottom-space .response-change-text {
    order: 2;
  }
  .core-features .core-features-list .icon {
    margin-bottom: 130px;
  }
  .core-features .core-features-list .core-features-info p {
    margin-bottom: 40px;
  }
  .sub-page-menu .content {
    padding-top: 70px;
  }
  .sub-page-menu .content .sub-page-banner .layer {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .sub-page-menu .content .sub-page-banner .layer h1 {
    margin-bottom: 0px;
  }
  .home-page-v1-banner .image-caption-1 {
    padding-top: 38px;
  }
  .home-page-v1-banner .image-caption-1 .v2-banner-sub-head {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .home-page-v1-banner .image-caption-1 .icon::before {
    display: none;
  }
  .theme-features {
    padding: 10px 0px 25px;
  }
  .home-v2 .commen-padding {
    padding: 50px 0px;
  }
  .home-v2 .home-page-v1-banner {
    background: url("../images/slide1.jpg");
    background-repeat: repeat;
    background-attachment: scroll;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    position: relative;
    background-attachment: initial;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 210px;
  }
  .home-v2 .home-page-v1-banner .image-caption-1 {
    padding-top: 50px;
  }
  .home-v2 .home-page-v1-banner .image-caption-1 .v2-banner-sub-head {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .home-v2 .home-page-v1-banner .image-caption-1 .v1-banner-head {
    font-size: 29px;
    margin-bottom: 0px;
  }
  .home-v2 .home-page-v1-banner .image-caption-1 .icon::before {
    display: none;
  }
  .home-v2 .our-services {
    padding: 50px 0px 0px;
  }
  .home-v2 .our-services .response-change-image {
    margin-bottom: 0px;
  }
  .home-v3 .commen-padding {
    padding: 50px 0px;
  }
  .home-v3 .home-page-v1-banner {
    height: auto;
    background-position: top;
    background-attachment: initial;
    min-height: auto;
  }
  .home-v3 .home-page-v1-banner .layer {
    padding: 50px 0px 40px;
  }
  .home-v3 .home-page-v1-banner .layer .icon {
    display: none;
  }
  .home-v3 .home-page-v1-banner .layer h6.v2-banner-sub-head {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .home-v3 .home-page-v1-banner .layer h1.v2-banner-head {
    font-size: 23px;
    margin-bottom: 0px;
  }
  .home-v3 .home-page-v1-banner .layer .btn-primary {
    padding: 0 20px;
    min-width: auto;
    margin-right: 5px;
    line-height: 40px;
  }
  .home-v3 .home-page-v1-banner .layer .btn-default {
    padding: 0 40px;
    min-width: auto;
    line-height: 40px;
  }
  .home-v3 .who-we-are .who-we-are-info {
    padding-top: 0px;
  }
  .home-v3 .who-we-are .who-we-are-info img {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .home-v4 .commen-padding {
    padding: 50px 0px;
  }
  .home-v4 .home-page-v1-banner {
    height: auto;
    background-position: top;
    background-attachment: initial;
    min-height: auto;
  }
  .home-v4 .home-page-v1-banner .layer {
    padding: 50px 0px 15px;
  }
  .home-v4 .home-page-v1-banner .layer .icon {
    display: none;
  }
  .home-v4 .home-page-v1-banner .layer h6.v2-banner-sub-head {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .home-v4 .home-page-v1-banner .layer h1.v2-banner-head {
    font-size: 15px;
    margin-bottom: 0px;
  }
  .home-v4 .home-page-v1-banner .layer .btn-primary {
    padding: 0 20px;
    min-width: auto;
    margin-right: 5px;
    line-height: 40px;
  }
  .home-v4 .home-page-v1-banner .layer .btn-default {
    padding: 0 40px;
    min-width: auto;
    line-height: 40px;
  }
  .home-v4 .who-we-are {
    padding-bottom: 0px;
  }
  .home-v4 .who-we-are .who-we-are-info {
    padding-top: 0px;
  }
  .home-v4 .who-we-are .who-we-are-info p {
    margin-bottom: 10px;
  }
  .home-v4 .who-we-are .who-we-are-info .btn.btn-primary {
    margin-top: 5px;
    margin-bottom: 20px;
  }
  .home-v4 .theme-features .mrg-top {
    margin-top: 0px;
  }
  .home-v4 .our-services .services-list {
    margin-bottom: 20px;
  }
  .home-v4 .our-services .services-list .services-on-show {
    padding: 130px 18px;
  }
  .home-v4 .video-background .layer {
    padding: 20px 0px;
  }
  .home-v4 .video-background .layer .video ul li > a .icon {
    width: 90px;
    height: 90px;
    font-size: 25px;
    padding: 25px;
    padding-top: 30px;
  }
  .home-v4 .video-background .layer .video-head {
    font-size: 27px;
    letter-spacing: 5px;
  }
  .home-v5 .commen-padding {
    padding: 50px 0px;
  }
  .home-v5 .home-page-v1-banner {
    height: 340px;
    background-size: cover;
  }
  .home-v5 .home-page-v1-banner .home-v5-rocket {
    padding: 40px 0px;
  }
  .home-v5 .home-page-v1-banner .home-v5-rocket img {
    width: 60%;
    left: 63px;
    display: block;
  }
  .home-v5 .home-page-v1-banner .cloud-img {
    height: 260px;
  }
  .home-v5 .theme-features .theme-features-list p {
    margin-bottom: 20px;
  }
  .home-v5 .clarup-demos {
    padding: 50px 0px 0px;
  }
  .home-v5 .clarup-demos h1 {
    margin-bottom: 30px;
  }
  .home-v5 .who-we-are .who-we-are-info {
    padding-top: 30px;
  }
  .home-v5 .who-we-are .who-we-are-info h1 {
    font-size: 25px;
    letter-spacing: 5px;
  }
  .home-v5 .who-we-are .who-we-are-info .btn.btn-primary {
    margin-top: 0px;
  }
  .home-v5 .core-features .core-features-list p {
    margin-bottom: 40px;
  }
  .home-v5 .core-features .core-features-list .last-icon-head {
    margin-bottom: 0px;
  }
  .home-v5 .core-features .core-features-list .icon {
    margin-bottom: 60px;
  }
  .home-v5 .video-background .layer {
    padding: 20px 0px;
  }
  .home-v5 .video-background .layer .video ul {
    padding-left: 0px;
  }
  .home-v5 .video-background .layer .video ul li > a .icon {
    width: 90px;
    height: 90px;
    font-size: 25px;
    padding: 25px;
    padding-top: 30px;
  }
  .home-v5 .video-background .layer .video-head {
    font-size: 27px;
    letter-spacing: 5px;
  }
  .home-v5 .promo-box-buy .layer .promo-head {
    font-size: 60px;
  }
  .about-page .commen-padding {
    padding: 50px 0px;
  }
  .about-page .work-process {
    padding-bottom: 0px;
  }
  .about-page .work-process .work-process-image:before {
    display: none;
  }
  .about-page .work-process .work-process-head .work-process-hr-left {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .services-page .our-services {
    padding: 50px 0px 0px;
  }
  .services-page .our-services .services-list {
    max-width: 300px;
  }
  .services-page .our-services .services-list h6 {
    margin: 0px 0px 25px;
  }
  .blog-details .apply-pdding {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
  }
  .blog-details .right-side .blog-comment-box {
    padding: 30px 20px 20px 20px;
    margin-bottom: 0px;
  }
  .blog-details .right-side .blog-comment-box .comment-para {
    max-width: 360px;
  }
  .blog-details .right-side .blog-comment-box .quotes {
    display: none;
  }
  .blog-details .right-side .middle-blog-image {
    display: inline-grid;
  }
  .blog-details .right-side .middle-blog-image img {
    margin-left: 0px;
    margin-right: 0px;
  }
  .blog-details .right-side .like-btn {
    margin-bottom: 0px;
  }
  .blog-details .right-side .related-post .footer-image-girds .gird-image .blog-post-link {
    padding: 73px 114px;
  }
  .blog-details .right-side .comments-container {
    margin: 10px auto 15px;
  }
  .blog-details .right-side .comments-container .comments-list {
    margin-top: 0px;
  }
  .blog-details .right-side .comments-container .comments-list li {
    margin-bottom: 0px;
  }
  .blog-details .right-side .comments-container .comments-list li .comment-avatar {
    margin-top: 20px;
    width: 100%;
    height: auto;
  }
  .blog-details .right-side .comments-container .comments-list li .comment-avatar img {
    width: auto;
  }
  .blog-details .right-side .comments-container .comments-list li .comment-box {
    width: 100%;
    height: auto;
    margin-top: 20px;
  }
  .blog-details .right-side .comments-container .comments-list li .comment-box .comment-content p {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .blog-details .right-side .comments-container .comments-list li .comment-box .comments-contact .share-container {
    margin-top: 20px;
  }
  .blog-details .right-side .comments-container .comments-list li .reply-list {
    padding-left: 0;
  }
  .blog-details .right-side .comments-container .comments-list li .reply-list li {
    margin-bottom: 0px;
    padding-bottom: 20px;
  }
  .blog-details .right-side .comments-container .comments-list li .reply-list li .comment-box {
    width: 100%;
    height: auto;
  }
  .blog-details .left-side .mobile-blog-border {
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 30px;
  }
  .blog-details .left-side .instagram-gallery .footer-image-girds .gird-image {
    max-width: 110px;
  }
  .blog-details .left-side .instagram-gallery .footer-image-girds .gird-image .blog-post-link {
    padding: 54px 54px;
  }
  .portfolio-details .portfolio-info p {
    margin-bottom: 30px;
  }
  .portfolio-details .project-info {
    margin-bottom: 50px;
  }
  .portfolio-details .related-post-head img {
    margin-bottom: 30px;
  }
  .sub-page-banner .sub-page-banner-head {
    text-align: center;
  }
  .contact-page .contact-info {
    padding: 50px 0px 10px;
  }
  .contact-page .contact-details {
    margin-bottom: 40px;
  }
  .contact-page .contact-details .address {
    max-width: 320px;
    display: inline-block;
  }
}
@media (min-width: 512px) and (max-width: 767px) {
  .sticky-wrapper {
    margin-top: 0px;
  }
  .sticky-wrapper .header .top-container {
    /*position: relative;*/
    background-color: transparent;
    margin-top: 0px;
  }
  .sticky-wrapper .header .top-container .navbar-primary {
    background: #FFF;
    padding: 0px;
    margin-top: -35px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav {
    margin-top: 0px;
    padding-top: 10px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li {
    margin-bottom: 10px;
    margin-right: 0px;
    padding-top: 10px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li a {
    color: #000;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li:hover > a, .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li:focus > a, .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li.active > a {
    border-bottom: 2px solid #DE3580;
    color: #DE3580;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li a {
    text-shadow: 0px 0px rgba(0, 0, 0, 0.429);
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-header {
    padding: 10px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-header .logo-image .logo-hover {
    display: inline-block;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-header .logo-image .logo-normal {
    display: none;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-header .logo-image .normal-span {
    color: #000;
    font-size: 18px;
    display: none;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li {
    margin-bottom: 10px;
  }
  .sticky-wrapper .header .top-container .navbar-primary .navbar-collapse .nav.navbar-nav li a {
    padding-top: 10px;
  }
  .commen-padding {
    padding: 20px 0px 0px;
  }
  .home-page-v1-banner {
    /*background: url("https://via.placeholder.com/1920x1080/");*/
    position: relative;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 230px;
    margin-top: 70px;
  }
  .home-page-v1-banner img {
    /*display: none;*/
  }
  .home-page-v1-banner .image-caption-1 {
    padding: 90px 0px 0px 0px;
    height: auto;
  }
  .home-page-v1-banner .image-caption-1 .v1-banner-head {
    font-size: 33px;
    margin-bottom: 0;
    padding-top: 59px;
  }
  .home-page-v1-banner .image-caption-1 .v1-banner-sub-head {
    font-size: 14px;
    line-height: 16px;
    background-color: #AF004D;
    padding: 2px 8px;
    display: inline-block;
    margin-top: 5px;
  }
  .home-page-v1-banner .image-caption-1 h6.v1-banner-sub-sub-head {
    display: none;
  }
  .home-page-v1-banner .image-caption-1 .btn-primary {
    padding: 6px 25px;
    font-size: 12px;
    line-height: 1.5;
    min-width: auto;
    margin-top: 5px;
  }
  .home-page-v1-banner .image-caption-1 .btn-default {
    display: none;
  }
  .theme-features .theme-features-list {
    margin-bottom: 25px;
  }
  .theme-features .theme-features-list p {
    margin-bottom: 10px;
  }
  .theme-features .theme-features-list .icon::before {
    font-size: 55px;
  }
  .fun-facts .counter-list {
    margin-bottom: 20px;
  }
  .grow-your-business {
    background: url("../images/slide3.jpg");
    background-attachment: initial;
    background-size: 100%;
  }
  .grow-your-business .layer .respond-mobile-image {
    display: none;
  }
  .grow-your-business .layer .grow-business-info {
    padding-top: 0px;
    padding-bottom: 46px;
    text-align: center;
  }
  .grow-your-business .layer .grow-business-info .grow-your-business-head {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .grow-your-business .layer .grow-business-info .grow-your-business-sub-head {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .grow-your-business .layer .grow-business-info .btn {
    min-width: 190px;
  }
  .grow-your-business .layer .grow-business-info .btn.btn-primary {
    margin-right: 0px;
  }
  .recent-works .grid {
    margin-bottom: 0px;
  }
  .recent-works .grid .grid-item {
    left: 0px;
  }
  .cta .cta-head {
    text-align: center;
  }
  .cta .cta-btn-class {
    text-align: center;
    margin-top: 20px;
  }
  .best-features .best-features-info {
    padding-top: 0px;
  }
  .best-features .best-features-info h1 {
    font-size: 30px;
  }
  .testimonials h1 {
    font-size: 25px;
    letter-spacing: 7px;
  }
  .testimonials .testi-name {
    font-size: 18px;
  }
  .our-team .team-details {
    margin-bottom: 30px;
  }
  .our-team .team-details figure {
    overflow: hidden;
  }
  .our-team .team-details figure img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .4s ease-in-out;
    transition: 0.4s ease-in-out;
  }
  .our-team .team-details:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  .our-team .team-details:hover .team-content {
    transform: none;
    background: none;
    display: none;
    transition: none;
  }
  .our-team .team-details:hover .team-prof {
    transform: none;
  }
  .promo-box {
    background-attachment: initial;
    background-size: 100% 100%;
  }
  .promo-box .layer {
    padding: 50px 0px;
  }
  .promo-box .layer .promo-head {
    font-size: 35px;
  }
  .promo-box .layer .promo-sub-head {
    line-height: 1.5em;
  }
  .promo-box .layer .btn.btn-primary {
    margin-right: 0px;
  }
  .promo-box .layer .btn.btn-default {
    margin-right: 0px;
  }
  .blog .blog-details .img-right-gray-part .arrow-left, .blog .blog-details .img-right-gray-part .arrow-right {
    display: none;
  }
  .blog .blog-details .img-right-gray-part::before {
    display: none;
  }
  .blog .blog-details .user-part {
    display: none;
  }
  .blog .blog-details .blog-content {
    margin-bottom: 10px;
  }
  .blog .blog-details > div {
    margin-bottom: 50px;
  }
  .blog .blog-details > div:last-child {
    margin-bottom: 0px;
  }
  .blog .blog-details .blog-change-order {
    display: flex;
    flex-flow: column;
  }
  .blog .blog-details .blog-change-order .img-right-gray-part {
    order: 1;
  }
  .blog .blog-details .blog-change-order .responsive-col-change {
    order: 2;
    margin-bottom: 20px;
  }
  .blog .blog-details .blog-change-order .responsive-col-change img {
    display: inline-block;
    float: left;
    margin-right: 20px;
    margin-top: 30px;
  }
  .blog .blog-details .blog-change-order .responsive-col-change h6 {
    margin-top: 50px;
  }
  .blog .blog-details .blog-change-order .responsive-col-change h6 .date {
    display: block;
    margin-top: 10px;
  }
  .blog .blog-details .blog-change-order .responsive-col-change .blog-description {
    display: inline-block;
    margin-top: 20px;
  }
  .pricing-table .plan .plan-name .icon-head {
    margin-bottom: 0px;
  }
  .cta.second-cta {
    padding: 50px 0px;
  }
  .footer {
    padding-top: 50px;
  }
  .footer .footer-responsive-media {
    border-bottom: 1px solid #3B3B3B;
  }
  .footer .footer-responsive-media .recent-blog-list {
    margin-bottom: 20px;
  }
  .footer .footer-responsive-media .recent-blog-list .recent-blog-info {
    padding: 32px 0px 25px;
  }
  .footer .footer-responsive-media .recent-blog-list .recent-blog-info img {
    margin-bottom: 20px;
  }
  .footer .footer-responsive-media .footer-image-girds {
    margin-bottom: 20px;
    margin-top: 20px;
    display: inline-block;
  }
  .footer .footer-responsive-media .footer-image-girds figure {
    width: 100px;
    margin: 0px 10px 10px 0px;
  }
  .footer .footer-responsive-media .footer-image-girds figure img {
    width: 100px;
  }
  .footer .footer-responsive-media:last-child {
    border-bottom: none;
  }
  .footer .footer-responsive-media .icon-head {
    margin-top: 20px;
  }
  .footer .copyright-container {
    padding: 30px 0px;
  }
  .footer .copyright-container .copyrights {
    letter-spacing: 1px;
    font-size: 15px;
    text-align: center;
  }
  .footer .copyright-container .copyrights2 {
    font-weight: 600;
    font-size: 10px;
    margin-bottom: -14px;
    letter-spacing: 0px;
    color: #848484;
    margin-top: -4px;
    line-height: 28px;
    text-align: center;
  }
  .footer .copyright-container .footer-social-icons {
    text-align: center;
    margin-top: 30px;
  }
  .who-we-are .who-we-are-info {
    padding-top: 20px;
  }
  .who-we-are .who-we-are-info h1 {
    font-size: 22px;
  }
  .who-we-are .who-we-are-info p:last-child {
    margin-bottom: 0px;
  }
  .our-services .change-order .response-change-image {
    display: flex;
    flex-flow: column;
  }
  .our-services .change-order .response-change-image .image-chage {
    order: 1;
  }
  .our-services .change-order .response-change-image .services-list {
    order: 2;
    max-width: 100%;
    padding-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .our-services .change-order .response-change-image .services-list.direction-text {
    direction: ltr;
  }
  .our-services .change-order .response-change-image .services-list p {
    margin-bottom: 40px;
  }
  .easy-to-customize .easy-customize-text {
    position: relative;
    right: 0px;
    top: 30px;
    padding-bottom: 50px;
  }
  .work-process .work-process-image {
    text-align: left;
  }
  .work-process .work-process-image::before {
    display: none;
  }
  .work-process .work-process-image img {
    z-index: 0;
  }
  .work-process .commen-bottom-space .work-process-head {
    padding-top: 20px;
    text-align: left;
  }
  .work-process .work-process-head .work-process-hr-left {
    margin-left: 0px;
  }
  .work-process .work-process-head p {
    margin-bottom: 48px;
  }
  .work-process .commen-bottom-space {
    display: flex;
    flex-flow: column;
  }
  .work-process .commen-bottom-space .response-change-image {
    order: 1;
  }
  .work-process .commen-bottom-space .response-change-text {
    order: 2;
  }
  .core-features .core-features-list .icon {
    margin-bottom: 60px;
  }
  .core-features .core-features-list .core-features-info p {
    margin-bottom: 40px;
  }
  .sub-page-menu .content {
    padding-top: 70px;
  }
  .sub-page-menu .content .sub-page-banner .layer {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .sub-page-menu .content .sub-page-banner .layer h1 {
    margin-bottom: 0px;
  }
  .home-page-v1-banner .image-caption-1 {
    padding-top: 38px;
  }
  .home-page-v1-banner .image-caption-1 .v2-banner-sub-head {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .home-page-v1-banner .image-caption-1 .icon::before {
    display: none;
  }
  .theme-features {
    padding: 25px 0px;
  }
  .home-v2 .commen-padding {
    padding: 50px 0px;
  }
  .home-v2 .home-page-v1-banner {
    background: url("../images/slide1.jpg");
    background-repeat: repeat;
    background-attachment: scroll;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    position: relative;
    background-attachment: initial;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 210px;
  }
  .home-v2 .home-page-v1-banner .image-caption-1 {
    padding-top: 0px;
  }
  .home-v2 .home-page-v1-banner .image-caption-1 .v2-banner-sub-head {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .home-v2 .home-page-v1-banner .image-caption-1 .v1-banner-head {
    font-size: 29px;
    margin-bottom: 0px;
  }
  .home-v2 .home-page-v1-banner .image-caption-1 .icon::before {
    display: none;
  }
  .home-v2 .our-services {
    padding: 50px 0px 0px;
  }
  .home-v2 .our-services .response-change-image {
    margin-bottom: 0px;
  }
  .home-v3 .commen-padding {
    padding: 50px 0px;
  }
  .home-v3 .home-page-v1-banner {
    height: auto;
    background-position: top;
    background-attachment: initial;
    min-height: auto;
  }
  .home-v3 .home-page-v1-banner .layer {
    padding: 50px 0px 40px;
  }
  .home-v3 .home-page-v1-banner .layer .icon {
    display: none;
  }
  .home-v3 .home-page-v1-banner .layer h6.v2-banner-sub-head {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .home-v3 .home-page-v1-banner .layer h1.v2-banner-head {
    font-size: 23px;
    margin-bottom: 0px;
  }
  .home-v3 .home-page-v1-banner .layer .btn-primary {
    padding: 0 20px;
    min-width: auto;
    margin-right: 5px;
    line-height: 40px;
  }
  .home-v3 .home-page-v1-banner .layer .btn-default {
    padding: 0 40px;
    min-width: auto;
    line-height: 40px;
  }
  .home-v3 .who-we-are .who-we-are-info {
    padding-top: 0px;
  }
  .home-v3 .who-we-are .who-we-are-info img {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .home-v4 .commen-padding {
    padding: 50px 0px;
  }
  .home-v4 .home-page-v1-banner {
    height: auto;
    background-position: top;
    background-attachment: initial;
    min-height: auto;
  }
  .home-v4 .home-page-v1-banner .layer {
    padding: 50px 0px 15px;
  }
  .home-v4 .home-page-v1-banner .layer .icon {
    display: none;
  }
  .home-v4 .home-page-v1-banner .layer h6.v2-banner-sub-head {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .home-v4 .home-page-v1-banner .layer h1.v2-banner-head {
    font-size: 15px;
    margin-bottom: 0px;
  }
  .home-v4 .home-page-v1-banner .layer .btn-primary {
    padding: 0 20px;
    min-width: auto;
    margin-right: 5px;
    line-height: 40px;
  }
  .home-v4 .home-page-v1-banner .layer .btn-default {
    padding: 0 40px;
    min-width: auto;
    line-height: 40px;
  }
  .home-v4 .who-we-are {
    padding-bottom: 0px;
  }
  .home-v4 .who-we-are .who-we-are-info {
    padding-top: 0px;
  }
  .home-v4 .who-we-are .who-we-are-info p {
    margin-bottom: 10px;
  }
  .home-v4 .who-we-are .who-we-are-info .btn.btn-primary {
    margin-top: 5px;
    margin-bottom: 20px;
  }
  .home-v4 .theme-features .mrg-top {
    margin-top: 0px;
  }
  .home-v4 .our-services .services-list {
    margin-bottom: 20px;
  }
  .home-v4 .our-services .services-list .services-on-show {
    padding: 130px 18px;
  }
  .home-v4 .video-background .layer {
    padding: 20px 0px;
  }
  .home-v4 .video-background .layer .video ul li > a .icon {
    width: 90px;
    height: 90px;
    font-size: 25px;
    padding: 25px;
    padding-top: 30px;
  }
  .home-v4 .video-background .layer .video-head {
    font-size: 27px;
    letter-spacing: 5px;
  }
  .home-v5 .commen-padding {
    padding: 50px 0px;
  }
  .home-v5 .home-page-v1-banner {
    height: 340px;
    background-size: cover;
  }
  .home-v5 .home-page-v1-banner .home-v5-rocket {
    padding: 40px 0px;
  }
  .home-v5 .home-page-v1-banner .home-v5-rocket img {
    width: 60%;
    left: 63px;
    display: block;
  }
  .home-v5 .home-page-v1-banner .cloud-img {
    height: 260px;
  }
  .home-v5 .theme-features .theme-features-list p {
    margin-bottom: 20px;
  }
  .home-v5 .clarup-demos {
    padding: 50px 0px 0px;
  }
  .home-v5 .clarup-demos h1 {
    margin-bottom: 30px;
  }
  .home-v5 .who-we-are .who-we-are-info {
    padding-top: 30px;
  }
  .home-v5 .who-we-are .who-we-are-info h1 {
    font-size: 25px;
    letter-spacing: 5px;
  }
  .home-v5 .who-we-are .who-we-are-info .btn.btn-primary {
    margin-top: 0px;
  }
  .home-v5 .core-features .core-features-list p {
    margin-bottom: 40px;
  }
  .home-v5 .core-features .core-features-list .last-icon-head {
    margin-bottom: 0px;
  }
  .home-v5 .core-features .core-features-list .icon {
    margin-bottom: 60px;
  }
  .home-v5 .video-background .layer {
    padding: 20px 0px;
  }
  .home-v5 .video-background .layer .video ul {
    padding-left: 0px;
  }
  .home-v5 .video-background .layer .video ul li > a .icon {
    width: 90px;
    height: 90px;
    font-size: 25px;
    padding: 25px;
    padding-top: 30px;
  }
  .home-v5 .video-background .layer .video-head {
    font-size: 27px;
    letter-spacing: 5px;
  }
  .home-v5 .promo-box-buy .layer .promo-head {
    font-size: 60px;
  }
  .about-page .commen-padding {
    padding: 50px 0px;
  }
  .about-page .work-process {
    padding-bottom: 0px;
  }
  .about-page .work-process .work-process-image:before {
    display: none;
  }
  .about-page .work-process .work-process-head .work-process-hr-left {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .services-page .our-services {
    padding: 50px 0px 0px;
  }
  .services-page .our-services .services-list {
    max-width: 300px;
  }
  .services-page .our-services .services-list h6 {
    margin: 0px 0px 25px;
  }
  .blog-details .apply-pdding {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
  }
  .blog-details .right-side .blog-comment-box {
    padding: 30px 20px 20px 20px;
    margin-bottom: 0px;
  }
  .blog-details .right-side .blog-comment-box .comment-para {
    max-width: 360px;
  }
  .blog-details .right-side .blog-comment-box .quotes {
    display: none;
  }
  .blog-details .right-side .middle-blog-image {
    display: inline-grid;
  }
  .blog-details .right-side .middle-blog-image img {
    margin-left: 0px;
    margin-right: 0px;
  }
  .blog-details .right-side .like-btn {
    margin-bottom: 0px;
  }
  .blog-details .right-side .related-post .footer-image-girds .gird-image .blog-post-link {
    padding: 73px 114px;
  }
  .blog-details .right-side .comments-container {
    margin: 10px auto 15px;
  }
  .blog-details .right-side .comments-container .comments-list {
    margin-top: 0px;
  }
  .blog-details .right-side .comments-container .comments-list li {
    margin-bottom: 0px;
  }
  .blog-details .right-side .comments-container .comments-list li .comment-avatar {
    margin-top: 20px;
    width: 100%;
    height: auto;
  }
  .blog-details .right-side .comments-container .comments-list li .comment-avatar img {
    width: auto;
  }
  .blog-details .right-side .comments-container .comments-list li .comment-box {
    width: 100%;
    height: auto;
    margin-top: 20px;
  }
  .blog-details .right-side .comments-container .comments-list li .comment-box .comment-content p {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .blog-details .right-side .comments-container .comments-list li .comment-box .comments-contact .share-container {
    margin-top: 20px;
  }
  .blog-details .right-side .comments-container .comments-list li .reply-list {
    padding-left: 0;
  }
  .blog-details .right-side .comments-container .comments-list li .reply-list li {
    margin-bottom: 0px;
    padding-bottom: 20px;
  }
  .blog-details .right-side .comments-container .comments-list li .reply-list li .comment-box {
    width: 100%;
    height: auto;
  }
  .blog-details .left-side .mobile-blog-border {
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 30px;
  }
  .blog-details .left-side .instagram-gallery .footer-image-girds .gird-image {
    max-width: 110px;
  }
  .blog-details .left-side .instagram-gallery .footer-image-girds .gird-image .blog-post-link {
    padding: 54px 54px;
  }
  .portfolio-details .portfolio-info p {
    margin-bottom: 30px;
  }
  .portfolio-details .project-info {
    margin-bottom: 50px;
  }
  .portfolio-details .related-post-head img {
    margin-bottom: 30px;
  }
  .sub-page-banner .sub-page-banner-head {
    text-align: center;
  }
  .contact-page .contact-info {
    padding: 50px 0px 10px;
  }
  .contact-page .contact-details {
    margin-bottom: 40px;
  }
  .contact-page .contact-details .address {
    max-width: 320px;
    display: inline-block;
  }
}
/*# sourceMappingURL=style.css.map */
/* PECONI */
span.highlight {
  background-color: rgba(142, 142, 142, 0.081);
  padding-left: 10px;
  padding-right: 10px;
}
p img.smiley {
  width: 22px;
  margin-top: -8px;
}
.content .different {
  margin: 0 0 19px 0;
}
.content .different h3 {
  margin-top: -10px;
  margin-bottom: -2px;
}
sup {
  font-size: 16px;
  /*+placement: -1px -16px;*/
  position: relative;
  left: -1px;
  top: -16px;
}
.logo-image .normal-span .lite sup {
  /*+placement: 0px -9px;*/
  position: relative;
  left: 0px;
  top: -9px;
  font-size: 10px;
}