.jcbl-align  {  
text-align: right;
}
@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
    .jcbl-align  {  
text-align: left;
}
    }
    .jcbl-top{
      margin-top: 26px;
    }
    .jcbl-top-li  {  
margin-top: 0px;
}
    @media only screen and (min-device-width: 250px) and (max-device-width: 1024px) 
	             {
    .jcbl-top-li  {  
margin-top: -65px;
}
    }
    @media only screen and (min-device-width: 1025px) and (max-device-width: 1028px) 
	             {
    .jcbl-top-li  {  
margin-top: -93px;
}
    }
    
    .jcbl-p{
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
    }
    .jcbl-lcenter {  
text-align: center;
}
@media only screen and (min-device-width: 250px) and (max-device-width: 1022px) 
	             {
    .jcbl-lcenter  {  
text-align: left;
}
    }
    @media only screen and (min-device-width: 222px) and (max-device-width: 1028px) 
	             {
    .jcbl-lcenter  {  
text-align: center;
}
    }
    
    .jcbl-banner  {  
margin-top: 100px;
}
@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
    .jcbl-banner  {  
margin-top: 15px;
}
    }
    .research{
      border: 1px solid #E9E9E9;
border-radius: 13px;
    }
    .research-pandding-r{
      padding-right: 175px;
}
.research-pandding-l{
      padding-left: 175px;
}
    
    @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
    .research-pandding-r{
      padding-right: 0px;
}
    } 
    
    @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
    .research-pandding-l{
      padding-left: 0px;
}
    }
    
    .header{
    position: fixed;
	height: 80px;
	background: black;
	top: 0;
	width: 100%;
	z-index: 100;
	transition: all .3s ease;
	box-shadow: 0 1px 25px rgba(0,0,0, .1);
}

    .header.hide {
	top: -80px;
}
.img21:hover{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: 1s ease;
}
.banner-top{
  margin-top: 80px;
}
@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
    .banner-top{
      margin-top: 15px;
}
    }
    .product-top{
      margin-top: 171px;
    }
    @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
    .product-top{
      margin-top: 0px;
    }
    }
    
     @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
    .product-tops{
      margin-top: 80px;
    }
    }
    .product-border-radius{
      border: 2px solid #b3b3b3;
    border-radius: 13px;
    }
    .projects-radius{
      border: 2px solid #b3b3b3;
    border-radius: 13px;
    }
    
    .jcbl-card{
      border: 1px solid #f2f2f2;
    border-bottom: 2px solid #f2f2f2;
    -webkit-border-radius: 50px;
    -moz-border-radius: 10px;
    box-shadow: -4px 3px 5px rgb(0 0 0 / 4%), -1px 3px 0px rgb(0 0 0 / 3%), 0px 2px 0px 0px rgb(0 0 0 / 2%), 0px 1px 0px rgb(0 0 0 / 2%), 0px 4.88889px 13.1185px rgb(0 0 0 / 2%), 0px 1.11111px 6.33565px rgb(0 0 0 / 1%);
    border-radius: 28px;
    }
    .table-font-size{
      font-size:15px
    }
    .td-width{
          width: 182px;
    }
     @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
    .td-width{
         width: 0px;
    }
    }
    .features-list{
      
      list-style: none!important;
    }
    
    .site-header {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 60px;
    
    transition: transform 0.25s;
}

.hiddeNavBar {transform:translateY(-100%)}
.contentSpace { padding: 50px; }

* {
    box-sizing: border-box;
}

.gallery-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
}
.gallery-item {
    flex-basis: 32.7%;
    margin-bottom: 18px;
    opacity: 1.85;
    cursor: pointer;
}
.gallery-item:hover {
    opacity: .85;
}
.gallery-item img {
      padding-bottom: 10px;
  border-radius: 1.25rem;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-content {
    font-size: .8em;
}

.lightbox {
    position: fixed;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;              
    overflow: auto;
    top: 0;
    left: 0;
}
.lightbox-content {
    position: relative;
    width: 70%;
    height: 70%;
    margin: 5% auto;
}
.lightbox-content img {
    border-radius: 7px;
    /*box-shadow: 0 0 3px 0 rgba(225, 225, 225, .25);*/
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.lightbox-prev,
.lightbox-next {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 7px;
    top: 45%;
    cursor: pointer;
}
.lightbox-prev {
    left: 0;
}
.lightbox-next {
    right: 0;
}
.lightbox-prev:hover,
.lightbox-next:hover {
    opacity: .8;
}

@media (max-width: 767px) {
    .gallery-container {
        width: 100%;
    }
    .gallery-item {
        flex-basis: 49.80%;
        margin-bottom: 3px;
    }
    .lightbox-content {
        width: 80%;
        height: 60%;
        margin: 15% auto;
    }
}
@media (max-width: 480px) {
    .gallery-item {
        flex-basis: 100%;
        margin-bottom: 1px;
    }
    .lightbox-content {
        width: 90%;
        margin: 20% auto;
    }
}

/***********solution********************/
.mhspit {
    margin-top: 40px;
}