/*-----------------
  [Projects]

0. ALL
1. Tubes+
2. Calma
3. Chipco
4. atedo
5. Match
6. Media Query





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

/* ---------------------------------------------- /*
*   0. All
/* ---------------------------------------------- */
.blog-detail-content{
    margin-top: 5%;
}
h2{
      margin-top: 5%;
}


/* ---------------------------------------------- /*
*   1. Tubes+
/* ---------------------------------------------- */

video{
	width: 100%;
}

#shortList{
    padding-left: 20px;
}


/* ---------------------------------------------- /*
*   2. Calma
/* ---------------------------------------------- */
  #Globes{
  	width: 89%;
    display: block;
    margin: 0 auto;
  	}  

.blog-detail-content .CalmaImages{
  /*height: 190px;*/
}

/* ---------------------------------------------- /*
*   3. Chipco
/* ---------------------------------------------- */

  	.CenterMe{
  		margin-left: 30%;
  	}

    /* ---------------------------------------------- /*
*   4. atedo
/* ---------------------------------------------- */
#linkArea{
  width: 150px;
  height: 150px;
  background-color: blue;
}

.carousel-item{
  width: 100%;
}
.carousel-control-next, .carousel-control-prev{
  color:black;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{
  color:#2196f3;
}
.slider{
  position:relative;
}
.slider:after{
  position: relative;
}
.carousel-inner>.carousel-item>a>img, .carousel-inner>.carousel-item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
  object-fit: contain;
}
  .carousel-indicators li
    {
      background-color: black;
    }
    .carousel-indicators li.active
    {
      background-color: black;
    }

#Rlink{
   color:#2196f3;
}
#Rlink:hover{
   color:#2196f3;
}
/* ---------------------------------------------- /*
*   5. Match
/* ---------------------------------------------- */
.blog-detail-content .FitSize{
  object-fit: contain;
}
.mfp-iframe-holder .mfp-content {
    height: 97%;
  }




/* ---------------------------------------------- /*
*   6. Media Query
/* ---------------------------------------------- */
@media (max-width: 767px) 
{
    .slider{
      margin-top: -50%;
    }
    .carousel-indicators {
      bottom: 15%;
    }

}