/* about */
.head h1{
    text-align: center;
}
.head h1 .headname{
    /* border: 5px solid #545453; */
    font-size: 70px;
    padding: 30px;
    text-align: justify;
}
.section-content{
    padding: 20px;
    /* border: 3px solid #545453; */
    text-align: justify;
}
.story-img img{
    height: 800px;
    width: 500px;
}
/* about */
/* clients */
.story-img1 img{
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.Story-img1{
    /* margin-top: 10px; */
    padding: 0px;
}
.Story-img1 h5{
    font-size: 15px;
}
/* clients */
.about-content1 h5{
    text-align: center;
    padding: 10px;
}
/* .about-content1 img{
    margin-top: 10px;
} */

.testimonials p{
    text-align: justify;
    font-size: 20px;
}
.pdf a{
    color: #fff;
    background: #545353;
    margin: 10px;
}



/* gallery */
.gallery-inner{
    position: relative;
    transition-delay: 0.5s;
    transition: all 0.5s ease;
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 30px;
}
.caro-desc{
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    color: #fff;
    opacity: 0;
    transform: scale(0.8);
    transition-delay: 0.5s;
    transition: all 0.5s ease;
}

.caro-desc span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 50px;
}
.caro-desc a{
    color: #fff !important;
}

.gallery-inner:hover .caro-desc
{
    opacity: 1;
    transform: scale(1);
}
.project-list .project img {
    width: 100% !important;
    height: 500px !important;
}
/* gallery */

.serimgg img{
    width:550px;
}
.serhgt img{
    height:500px;
}
.Story-img img{
    height:500px;
    width:100%;
}
.pdf img{
    height:300px;
    width:100%;
}.about-content .section-content{
        text-align: left;
}
.Story-img h5{
    margin-top:20px;
}
.about-content .collapse{
    padding:20px 0px;
}
.about-content .col-sm-12{
    padding:0px 0px;
}
.about-content .more-less{
    margin-top:10px;
}

.header-h3, h3 {
    color: #000;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.8;
    letter-spacing: 0px;
    text-transform: none;
    text-align: left;
    text-decoration: left;
}
.intro-header p{
    text-align:left;
}

@media (max-width:768px){
    .intro-content img {
    height: 100%;
    width: 100%;
    margin: 15px 0px;
}.box {
    padding: 0px;
}.header-h3 {
    color: #000;
    font-size: 1.57rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0px;
    text-transform: none;
    text-align: left;
}#masthead.homepage-masthead>canvas {
    z-index: 0 !important;
}.intro-header {
    text-align: left;
}.frontpage-intro .container{
    padding:0px;
}.frontpage-intro .col-md-12{
    padding:30px 0px;
}.case-studies-list .project {
    padding-bottom: 0rem;
}.case-studies-list .project .project-text {
    padding: 2rem 15px;
}.frontpage-animate-bg {
    margin: 0px auto;
}.frontpage-intro .intro-content {
    margin-bottom: 2.25rem;
}
.serimgg img{
    width:100%;
}
.serhgt img{
    height:100%;
}.case-studies-list .project .project-img {
    padding: 0 1rem;
}.frontpage-portfolio .col-xl-12{
    padding:0px 0px;
}.frontpage-portfolio .portfolio-text {
    margin-bottom: 1.125rem;
}.frontpage-portfolio {
    padding: 4.25rem 0;
}.frontpage-footer .newsletter {
    padding: 0.5rem 15px 0px;
}.frontpage-footer {
    padding: 3.25rem 0;
}.page-footer .contacts p, .page-footer .copyright p {
    margin-bottom: 0;
    color: #fff;
}.page-spaced {
    margin-top: 30px;
    margin-left: 15px;
}.Story-img img{
    height:100% !important;
    width:100%;
}.pdf h3{
        padding: 0px 10px;
    margin-top: 15px;
}
.pdf img{
    height:300px !important;
    width:95%;
}.about-content .section-content{
    padding:20px 5px !important;
        text-align: left;
}#app {
    min-height: 100vh;
    width: 95% !important;
}.carousel-inner .item img {
    height: 100% !important;
    width: 100%;
}.gallery-inner img{
    width:100% !important;
        height: 100% !important;
}body {
    min-width: 100% !important;
}.project-list .project img {
    width: 100%;
    height: 100% !important;
}
.project-list .project img {
    width: 100%;
    height: 100% !important;
}
}