.profileName{
	font-size: 35px !important;
}

.imgSize{
	height: 338px!important;
	object-fit: cover!important;
}
  .gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: -5px;
}

.gallery-item {
    flex: 0 0 calc(25% - 10px);
    margin-right: -10px;
    position: relative;
    margin-top: 5px; 
}

.gallery-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.image-container {
        width: 100%;
        height: 0;
        padding-bottom: 100%; /* 1:1 aspect ratio */
        position: relative;
        cursor: pointer;
    }

    .image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
.filter-buttons {
  margin-bottom: 20px;
}

.filter-button {
  cursor: pointer;
}

.active1 {
  background-color: #2f6db3;
}


@media only screen and (max-width: 768px) {
 	.profileName{
		font-size: 19px !important;
	}
	.main_profile_left small{
		padding-right: unset;
		font-size:15px;
	}

	.filters {
  		display: flex;
  		align-items: center;
  		justify-content: center;
  		margin: auto;
	}

	.fontSize{
		font-size: 12px;
		margin: auto;
		padding: 1px  ;
	}
	.button1{
		padding-right: 6px!important;
		padding-left: 0;
	}
	.button2{
		padding-right: 48px!important;
	}
	.button3{
		padding-right: 40px!important;
	}
	.box-Img {
		display: flex!important;
/*		width: 100%!important;*/
		/*flex-direction: row!important;
		justify-content: center!important;
		*/
	}
	.containerSJ {
        display: flex!important;
        flex-wrap: wrap;
    }

    .child {
		flex: 1 0 25%;
		margin: 3px;
		height: 100px;
	}
	.hide-mobile 
 	{display:none!important;}

 	.image{
/* 		width:20%!important;*/
/* 		height: 100px!important;*/
 		object-fit: cover!important;
 	}
 	.show{
 		display: block!important;
 	}
 	.buttonsSJ{
 		display: block!important;
 	}
 	em{
 		display: block!important;
 	}
 	.testiImg{
    height: 260px!important;
    object-fit: cover!important;
    width: 201px!important;
  }

  .gallery {
  display: grid!important;
  grid-template-columns: repeat(3, 1fr);
  width: 100%!important;
  justify-content: center!important;
  grid-row-gap: 0 !important;
}

.gallery-item {
  flex: none;!important;
}

.contact-me-section .contact-left .cont-item {
  width: 100%;
  height: 206px;
  display: table;
  padding: 2px 15px;
  margin-bottom: 30px;
  transition: all .4s ease-in-out;
  background-color: #ffffff;
  box-shadow: 0px 10px 40px 0px rgba(1, 1, 1, 0.1);
}

.contact-me-section .contact-left .cont-item p > span {
    float: left;
    /* width: 110px; */
    margin-right: 25px;
    position: relative;
}

}