.related-projects{
     padding: 30px 0px; 
}
.related-projects h3{
     font-weight: 600;
     font-size: 24px;
     margin: 0px;
     margin-bottom: 20px;
}

.portfolio-main .card {
     border: none;
     border-radius: 10px;
     overflow: hidden;
}
.portfolio-main .card .card-body .card-title{
     margin-bottom: 0px;
}
.portfolio-main .card .card-body .card-title a{
     font-size: 20px;
     font-weight: 400;
     text-transform: capitalize;
     color: #ffffff;
     margin: 0;
}
.portfolio-main .card .card-body{
     position: absolute;
     background: #323232;
     padding: 0px 20px;
     height: 40px;
     transform: scale(0);
     transition-property: transform;
     transition-duration: 0.3s;
     transition-timing-function: ease-out;
     display: flex;
     align-items: center;
     vertical-align: center;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -o-transition: all 0.5s;
     -ms-transition: all 0.5s;
     transition: all 0.5s;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
}
.portfolio-main .card:hover .card-body{
     transform: scale(1);
     top: 80%;
}
.card-img{
     overflow: hidden;
     position: relative;
}
.portfolio-item .card:hover .card-img .card-img-top{
     transform: scale3D(1.2, 1.2, 2);
     opacity: .5;
}
.card-img-top{
     transition: all 500ms linear 0s;
}
.overlay{
     
     position: absolute;
     bottom: -100%;
     width: 100%;
     height: 100%;
     left: 50%;
     transform: translateX(-50%);
     transition: all 0.3s;
}
.overlay i{
     font-size: 35px;
     position: absolute;
     top: 30%;
     left: 50%;
     transform: translateX(-50%);
     color: #ffffff;
}
.portfolio-main .card:hover .overlay{
     bottom: 0px;
}

.blog-slide h2{
     font-weight: 600;
     font-size: 45px;
     margin-bottom: 20px;
     text-align: center;
}

.post-slide{
    margin: 0 15px;
    background: #fff;
    border-bottom: 4px solid #1273eb;
}
.post-slide .post-header{
    padding: 15px 20px;
}
.post-slide .title{
    margin-bottom: 5px;
}
.post-slide .title a{
    font-size: 15px;
    color: #323232;    
    text-transform: capitalize;
    transition: all 0.4s ease 0s;
}
.post-slide .title a:hover{
    color: #fd6058;
    text-decoration: none;
}
.post-slide .post-bar{
    margin: 15px 0 0 0;
    padding: 0;
    list-style: none;
}
.post-slide .post-bar li{
    display: inline-block;
    margin-right: 20px;
    color: #1273eb;
}
.post-slide .post-bar li a{
    font-size: 15px;
    color: #808080;
    text-transform: capitalize;
}
.post-slide .post-bar li a:hover{
    text-decoration: none;
    color: #1273eb;
}
.post-slide .post-bar li img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.post-slide .post-bar li i,
.post-slide .post-bar li img{
    margin-right: 5px;
}
.post-slide .pic{
    overflow: hidden;
    position: relative;
}
.post-slide .pic:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0);
    transition: all 0.9s ease 0s;
}
.post-slide:hover .pic:after{
    background: rgba(255,255,255,0.2);
}
.post-slide .pic img{
    width: 100%;
    height: auto;
    transform: rotate(0deg) scale(1,1);
    transition: all 0.6s ease-in-out 0s;
}
.post-slide:hover .pic img{
    transform: rotate(10deg) scale(1.5,1.5);
}
.post-slide .post-category{
    padding: 5px 15px;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #1273eb;
    z-index: 1;
}
.post-slide .post-category li{
    display: inline-block;
    text-transform: uppercase;
}
.post-slide .post-category li:after{
    content: " ,";
    color: #fff;
}
.post-slide .post-category li:last-child:after{
    content: "";
}
.post-slide .post-category li a{
    color: #fff;
}
.post-slide .post-category li a:hover{
    text-decoration: none;
    color: #333;
}
.post-slide .post-description{
    font-size: 16px;
    color: #808080;
    padding: 15px;
}
@media only screen and (max-width: 480px) {
    .post-header .post-bar li{
        margin-right: 5px;
    }
}

.touch-line{
     padding: 40px 0px;
     background: #1273eb;
     position: relative;
     margin-top: 90px;
}
.touch-line:before{
     position: absolute;
     content: "";
     z-index: -1;
     left: 0;
     top: -46px;
     bottom: auto;
     right: auto;
     z-index: -1;
     width: 100%;
     height: 50px;
     background-size: cover;
     background-position: 50% 50%;
     background-image: url(../images/bg-bdr2.png);
}
.touch-line p{
     color: #ffffff;
     font-size: 15px;
}
.touch-line a.btn-secondary{
     background-color: #ffffff;
     border-color: #ffffff;
     color: #1273eb;
}
.footer { 
     width:100%; 
     background: url(../images/footer-bg.jpg) no-repeat center;
     background-size: cover;
     min-height:250px; 
     padding:10px 0px 25px 0px;
     }
.pt2 { 
     padding-top:40px ;
     margin-bottom:20px ;
     color: #ffffff;
     font-weight: 500;
     }
footer p { 
     font-size:15px; 
     color:#CCC; 
     padding-bottom:0px; 
     margin-bottom:8px;
     }
.mb10 { 
     padding-bottom:0px ;
     }
     portfolio-col{
     padding: 30px 0px;
}
.portfolio-item .card{
     border: none;
}
.portfolio-item .card .card-body{
     box-shadow: 3px 5px 15px rgba(0,0,0, .15);
}
.portfolio-item .card .card-body h4{
     margin-bottom: 12px;
}
.portfolio-item .card .card-body h4 a{
     color: #323232;
     text-decoration: none;
     font-size: 22px;
     text-transform: capitalize;
}
.portfolio-item .card .card-body p{
     margin-bottom: 0px;
}
.hover-box{
     position: relative;
     overflow: hidden;
}
.dot-full{
     background: #1273eb;
     width: 40px;
     height: 40px;
     position: absolute;
     top: -5px;
     right: -5px;
     border-radius: 50px;
     transition: all 0.5s ease 0s;
}
.dot-full i{
     color: #ffffff;
     font-size: 30px;
     width: 80px;
     height: 80px;
     background: #323232;
     text-align: center;
     line-height: 80px;
     border-radius: 50px;
     opacity: 0;
}
.portfolio-item .card:hover .dot-full{
     background: rgba(18,115,235,0.5);
     width: 100%;
     height: 100%;
     border-radius: 0px;
     top: 0px;
     right: 0px;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
}
.portfolio-item .card:hover .dot-full i{
     opacity: 1;
}


.item-pro{
     padding: 30px 0px;
}
.item-pro h3{
     font-size: 20px;
     font-weight: 600;
}
.item-pro ul{
     padding-left: 0px;
}
.item-pro ul li{
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     line-height: 30px;
}
.item-pro ul li span{
     -webkit-box-flex: 1;
     -webkit-flex: 1;
     -ms-flex: 1;
     flex: 1;
}

@media screen and (max-width:767px){
     .navbar-expand-lg.top-nav .navbar-nav .nav-link.dropdown-toggle::after{
          position: absolute;
          top: 18px;
          right: 6px;
     }
     .portfolio-main h2{
          text-align: center;
     }
     .customers-box{
          text-align: center;
     }
     .team-members-box h2{
          text-align: center;
     }
     .services-bar h1{
          text-align: center;
     }
     .social_footer_ul li{
          padding-left: 10px;
          padding-right: 10px;
     }
     .faq-main{
          padding: 20px 15px;
     }
     .accordion-single .card-header h5 a{
          font-size: 14px;
     }
     .top-bar{
          display: none;
     }
     .navbar-expand-lg.top-nav .navbar-nav .nav-link.active::before{
          display: none;
     }
     .navbar-expand-lg.top-nav .navbar-nav .nav-link.active::after{
          display: none;
     }
     .navbar-expand-lg.top-nav .navbar-nav .nav-link::before{
          display: none;
     }
     .navbar-expand-lg.top-nav .navbar-nav .nav-link::after{
          display: none;
     }
}

@media (min-width:320px) and (max-width:575.98px){
     .navbar-expand-lg.top-nav .navbar-nav .nav-link.dropdown-toggle::after{
          position: absolute;
          top: 18px;
          right: 6px;
     }
     .portfolio-main h2{
          text-align: center;
          font-size: 26px;
     }
     .customers-box{
          text-align: center;
     }
     .team-members-box h2{
          text-align: center;
          font-size: 26px;
     }
     .services-bar h1{
          text-align: center;
          font-size: 26px;
     }
     .social_footer_ul li{
          padding-left: 10px;
          padding-right: 10px;
     }
     .faq-main{
          padding: 20px 15px;
     }
     .accordion-single .card-header h5 a{
          font-size: 14px;
     }
     .top-bar{
          display: none;
     }
     .navbar-expand-lg.top-nav .navbar-nav .nav-link.active::before{
          display: none;
     }
     .navbar-expand-lg.top-nav .navbar-nav .nav-link.active::after{
          display: none;
     }
     .navbar-expand-lg.top-nav .navbar-nav .nav-link::before{
          display: none;
     }
     .navbar-expand-lg.top-nav .navbar-nav .nav-link::after{
          display: none;
     }
     .about-main h2{
          font-size: 26px;
     }
     .project-menu button{
          margin-bottom: 5px;
     }
     .blog-slide h2{
          font-size: 26px;
     }
     .left-ab h3{
          font-size: 26px;
     }
     .customers-box h2{
          font-size: 26px;
     }
     .faq-main h2{
          font-size: 26px;
     }
     #accordionExample .accordion-single .card-header h5 button{
          white-space: inherit;
          font-size: 14px;
     }
}