/* Enter Your Custom CSS Here */
@media only screen and (min-device-width : 1400px) and (max-device-width : 3500px) {
/* Styles */
  .center_image {
    padding-left: 4% !important;
    padding-right: 4% !important;
}
  
}
.cms-fancyboxes-layout1 .cms-fancybox-icon-wrapper .cms-fancybox-icon:before , .cms-fancyboxes-layout1 .cms-fancybox-icon-wrapper .cms-fancybox-icon:after
{
  display:none;
}
.page-id-2 .page-space-content
{
  padding-bottom:100px !important;
}
.cms-fancyboxes-layout1 .cms-fancybox-item {
    margin: 0;
    padding: 0px !important;
    overflow: visible;
}

.cms-fancyboxes-layout1 .fancy-box-content p {
    margin: 0;
    color: #000;
}

.stages.stage1
 {
    position: absolute;
    text-align: right;
    left: 7%;
  top:5%;
}
.layout-portfolio .mix-hover .portfolio-position
{
  display:none !important;
}
.layout-portfolio ul.hover-icon li
{
  display:none;
}
.layout-portfolio ul.hover-icon li:first-child
{
  display:inline-block;
}
.stages.stage3 {
    position: absolute;
    text-align: right;
    left: 7%;
    top: 525px;
}
.single-portfolio ul.portfolio-meta li
{
  display:none;
}
.single-portfolio a.portfolio-show-all
{
  display:none;
}
.stages.stage5 {
    position: absolute;
    text-align: right;
    left:-4%;
    top: 262px;
}
.stages.stage4 {
    position: absolute;
    text-align: left;
    right: 7%;
    top: 525px;
}
.stages.stage6 {
    position: absolute;
    text-align: left;
    right: -4%;
    top: 262px;
}
.stages.stage1 img
 {
 float: right;
  
}
.stages.stage2
 {
    position: absolute;
    text-align: left;
    right: 7%;
  top:5%;
}
.stages.stage2 img
 {
 float: left;
}
.stages img
{
    border-radius: 50%;
  width:150px;
  height:150px;
}
.stages h3
{
display:inline !important;
}
#custom_area
{
    position: relative;
    min-height: 700px;
}
.center_image_set .heading-layout1
{
  margin-top:35px !important;
}
.heading-layout1 .cms-heading-image:before
{
  display:none !important;
}
ul.cms-process-list .cms-process-content
{
  max-width:105px !important;
}
ul.cms-process-list .cms-process-title
{
  font-size:12px !important;
  line-height: 20px !important;
}
.icon-eye:before {
    content: "\f06e";
   font-family: 'FontAwesome';
}
.fa-pencil:before {
    content: "\f040";
   font-family: 'FontAwesome';
}
.fa-task:before {
    content: "\f0ae";
   font-family: 'FontAwesome';
}
.fa-config:before {
    content: "\f013";
   font-family: 'FontAwesome';
}
.fa-thumbs:before {
    content: "\f164";
   font-family: 'FontAwesome';
}
ul.cms-process-list .cms-process-icon-wrapper i
{
  font-style: normal !important;
}
ul.cms-process-list li:nth-child(4):before {
    width: 14.4%;
    margin-left: 92px;
}
ul.cms-process-list li:nth-child(3):before {
    width: 13.6%;
    margin-left: 100px;
}
ul.cms-process-list li:nth-child(4) {
       padding-right: 170px;
}
header #cshero-header.sticky-desktop.header-fixed {
    z-index: 99999999 !Important;
}


@media (min-width:800px) and (max-width:2500px)
{
ul.cms-process-list li
{
  display:inline-table !important;
}
}

@media (min-width:768px) and (max-width:1040px)
{
#hide .vc_col-sm-2 , #hide .vc_col-sm-8
{
  width:100% !important;
  max-width:600px !important;
  margin:0 auto !important;
      float: none !important;
}

.set_margin_top , .set_margin_top_right
{
    margin-right:0px !important;
  margin-left:0px !important;
}
ul.cms-process-list li:nth-child(4) {
    padding-right: 0px; 
}
ul.cms-process-list .cms-process-content {
    max-width: 100% !important;
}
ul.cms-process-list li {
    display: block !important;
    padding: 0 !important;
    margin-bottom: 30px !important;
}
ul.cms-process-list li:before
{
  display:none !important;
}
ul.cms-process-list li
{
  float:none !important;
}
}
.mobile_view
{
  display:none;
}
@media (min-width:220px) and (max-width:767px)
{
ul.cms-process-list .cms-process-content {
    max-width: 100% !important;
}
.center_image_set .heading-layout1 {
    margin-top:30px !important;
margin-bottom:70px !important;
}
ul.cms-process-list li:nth-child(4) {
    padding-right: 0px; 
}
.stages
{
  position:relative !important;
      text-align: left !important;
    left: 0px !important;
    top: 0px !important;
    right: auto !important;
  float:left !important;
  width:100% !important;
  margin-bottom:20px !important;
}
.stages img
{
  float:left !important;
  margin-left:0px !important;
  margin-right:20px !important;
  margin-top:-25px !important;
}
.mobile_view
{
  display:block;
}
.desktop_view
{
  display:none;
}
.fancymainc.leftSiteBlog.wpb_column.vc_column_container.vc_col-sm-2 {
    margin-left: 30px !important;
}
}

@media (min-width:1300px) and (max-width:1600px)
{
.heading-layout1 .cms-heading-image img {
    width: 65% !important;
    margin-top: 0% !important;
}
}
@media (min-width:1041px) and (max-width:1299px)
{
.heading-layout1 .cms-heading-image img {
    width: 60% !important;
    margin-top: 0% !important;
}
}
@media (min-width:1921px) and (max-width:2500px)
{
img.wp-post-image {
    max-width: 100% !important;
    width: 100% !important;
    max-height: 480px !important;
}
}
#controlContaier .fancymainc:first-child #cms-fancy-box-single-3 .cms-fancybox-item img {
    position: relative;
    top: 0px;
}
@media (min-width:1100px) and (max-width:3500px)
{
body.home .site-header
{
    position: fixed;
    top: 0;
    z-index: 999999999;
    width: 100%;
}
body.home
{
  padding-top:80px;
}
}
@media (max-width: 767px) and (min-width: 220px){
   .cms-fancyboxes-layout1 .cms-fancybox-item {
    padding-bottom: 20px !important;
    margin-left: -30px !important;
   }
   .set_margin_top {
      margin-top: 30px !important;
      margin-right: 20px !important;
  }
  .fancymainc.leftSiteBlog.wpb_column.vc_column_container.vc_col-sm-2 {
      margin-left: 30px !important;
  }
  
}

@media only screen and (max-width: 500px)
{
  .tp-leftarrow.tparrows.gyges {
    top: 50% !important;
  }
  .tp-rightarrow.tparrows.gyges {
    top: 50% !important;
  }
  #rev_slider_1_1 .uranus .tp-bullet {
    margin-top: 100px !important;
  }
  .tp-parallax-wrap {
    margin-top: 80px !important;
  }
}