/* 27 Jun 2020 */
/* By : Sharath RK */

.abtSec{
    padding: 5% 0;
}
.abtImg{
width: 100%;
}

.pull-right{
    float: right;
}

.our_services h1{
    font-size: 52px!important;
    font-weight: 900;
    text-transform: capitalize;
    line-height: 65px;
    letter-spacing: 1.5px;
    margin-top: 0;
}

.our_services .icon-box {
    margin-bottom: 25px;
}

.our_services .icon-box h3{
       font-size: 21px;
    margin-bottom: 6px;
    letter-spacing: 0.5px;
}

.servDescPadding{
    padding: 30px 40px!important;
}

.servDescPadding h2{
    font-size: 40px!important;
    letter-spacing: 0;
    margin-bottom: 10px;
}

.servDescPadding p{
        font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.2px;
    margin-bottom: 5px;
}

.abtDesc{
        font-size: 14px;
    color: #000;
    line-height: 28px;
    letter-spacing: 0.2px;
}

.our_services .icon-box p{
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0;
    margin-bottom: 0;
}

button.viewAllServiceBtn{
    padding: 18px 19px!important;
    font-size: 13px!important;
    font-weight: 600;
    -webkit-box-shadow: 0 4px 16px #00000099!important;
    -moz-box-shadow: 0 4px 16px #00000099!important;
    box-shadow: 0 4px 16px #00000099!important;
    color: #000!important;
}

button.viewAllServiceBtn:hover{
    -webkit-box-shadow: 4px 8px 16px #000!important;
    -moz-box-shadow: 4px 8px 16px #000!important;
    box-shadow: 4px 8px 16px #000!important;
}
button.viewAllServiceBtn i{
    color: #000!important;
    margin-left: 30px!important;
    margin-right: 0!important;
}

.portfolioSec{
    padding: 60px 0 30px;
}


/* Make the container relative */
.swap-on-hover {
    position: relative;	
      margin:  0 auto;
      max-width: 400px;
  }
  
  /* Select the image and make it absolute to the container */
  .swap-on-hover img {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 250px;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  }
  
  /* 
      We set z-index to be higher than the back image, so it's alwyas on the front.
  
  We give it an opacity leaner to .25s, that way when we hover we will get a nice fading effect. 
  */
  .swap-on-hover .swap-on-hover__front-image {
    z-index: 9999;
    transition: opacity .5s linear;
    cursor: pointer;
  }
  
  /* When we hover the figure element, the block with .swap-on-hover, we want to use > so the front-image is going to have opacity of 0, which means it will be hidden, to the back image will show */
  .swap-on-hover:hover > .swap-on-hover__front-image{
    opacity: 0;
  }
  
  .portfolioSec .portItem{
    height: 250px;
    margin-bottom: 30px;
    width: 100%;
    padding: 0 15px;
  }
  
.footer-content .widget {
    margin-bottom: 0;
}

.galSingle{
    height: 532px!important;
}

.galSingle .swap-on-hover img{
    height: 532px!important;
}

#footer .list-icon li {
    margin-bottom: 10px;
    margin-left: 20px;
    font-size: 14px;
    color: #000;
    line-height: 26px;
    font-weight: 500;
}

.text-dark, .text-dark h2,.text-dark p, .text-dark a{
    color: #00040f!important;
}

.servieceImage{
    height:500px;
}

.footAddress h6{
    font-size: 19px;
        margin-bottom: 12px;
    line-height: 14px;
    text-decoration: underline;
    text-underline-position: under;

}

.footAddress address{
        line-height: 28px;
    letter-spacing: 0.5px;
}

.footAddress address i{
    background: #2369c1;
    width: 25px;
    height: 25px;
    color: #fff;
    padding-top: 7px;
    text-align: center;
    font-size: 12px;
    margin-right: 2px;
    border-radius: 5px;
}

.footAddress a{
    display: block;
    margin-bottom: 0px;
    margin-top: 16px;
    color: #000;
    letter-spacing: 0.5px;
}

.footAddress a i{
    background: #2369c1;
    width: 25px;
    height: 25px;
    color: #fff;
    padding-top: 7px;
    text-align: center;
    font-size: 12px;
    margin-right: 2px;
    border-radius: 5px;
}

@media (min-width: 481px) and (max-width: 767px) {
  
 
.hide-sm{
    display:none!important;
}

.servDescPadding {
    padding: 15px 10px!important;
}
 
 .servDescPadding h2 {
    font-size: 32px!important;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.servieceImage {
        height: 250px;
    background-size: contain!important;
}

.serviceBlocker{
    display: block!important;
    border-top: 4px dotted #256ec9;
    margin: 11px 0;
    border-radius: 0%;
}

  
}

@media (min-width: 320px) and (max-width: 480px) {
  
.hide-sm{
    display:none!important;
}

.servDescPadding {
    padding: 15px 10px!important;
}
 
 .servDescPadding h2 {
    font-size: 32px!important;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.servieceImage {
        height: 250px;
    background-size: contain!important;
}

.serviceBlocker{
    display: block!important;
    border-top: 4px dotted #256ec9;
    margin: 11px 0;
    border-radius: 0%;
}

.abtSec .offset-1 {
    margin-left: 0;
}

.abtImg {
    width: 100%;
    margin-bottom: 10px;
}

.inspiro-slider.slider-fullscreen {
    height: 60vh;
}

.inspiro-slider .slide .slide-captions h1, .inspiro-slider .slide .slide-captions h2 {
    font-size: 35px;
    line-height: 50px;
}

}