@import url('https://fonts.googleapis.com/css?family=Coda:400,800|Michroma|PT+Sans:400,400i,700,700i|Squada+One');
@import url('https://fonts.googleapis.com/css?family=Electrolize');
*{
   margin: 0;
   font-family: 'Electrolize', sans-serif;
}
p{
   line-height: 2;
   font-weight: 300;
}
/*Header Style */
header{
   background: url(../images/service-banner.jpg);
}
.nav li:nth-child(4) a{
   color: #2093d1;
}
.fixed li:nth-child(4) a{
   color: #2093d1 !important;
}
/* Services Style */
.service_div{
   width: 70%;
   -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
   -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
   box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
   padding: 3%;
   margin: 100px 0 50px 0;
   position: relative;
}
#maint_serve,#it_serve,#nc_serve{
   display: none;
}
.service_div img {
   width: 20%;
   position: absolute;
   top: 0;
   right: -10%;
   transform: skew(-7deg, -180deg);
   -webkit-transform: skew(-7deg, -180deg);
   -moz-transform: skew(-7deg, -180deg);
   -o-transform: skew(-7deg, -180deg);
   -ms-transform: skew(-7deg, -180deg);
}
.service_div h1{
   text-align: left;
}
.service_div p{
   width: 70%;
   margin-top: 30px;
}
.service_div a{
    width: 120px;
    text-align: center;
    padding: 10px;
    background-color: #22519e;
    color: #fff;
   bottom: 5px;
    cursor: pointer;
    text-decoration: none;
    display: block;
    margin-top: 20px;
}
/* Services List Style */
.serve_list{
   width: 86%;
   margin: auto;
   margin-bottom: 100px;
   background-color: #22519e;
   padding: 4%;
}
.serve_list h1{
   color: #fff;
}
.services_lst{
   display: flex;
   justify-content: space-between;
   margin-top: 30px;
}
.services_lst img{
   width: 23%;
   height: 100%;
   cursor: pointer;
}
/* Media Query */
@media only screen and (max-width: 1160px){
   .heading{
      font-size: 2em !important;
   }
}
@media only screen and (max-width: 768px){
   .service_div{
      width: 90%;
      margin: 100px auto;
   }
   .service_div img{
      width: 50%;
      position: relative;
      margin-top: 30px;
   }
   .service_div p{
      width: 100%;
   }
   .service_div a{
      margin-top: 30px;
      display: block;
      position: relative;
   }
}