@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Electrolize');
@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=Roboto:300,400,500,700');
* {
   margin: 0;
   /*font-family: 'Raleway', sans-serif;
    font-family: 'Electrolize', sans-serif;
    font-family: 'PT Sans', sans-serif;*/
    font-family: 'Roboto', sans-serif;
}

p {
   line-height: 1.5;
   font-weight: 400;
}

/* Header Style */
.main_menu ul li:nth-child(2) a{
   padding-bottom: 15px;
   border-bottom: 2px solid #005386;
}
.banner{
   background: url(../images/innerpage/after-sales-banner.jpg);
}
/* Service Style */
.container{
   width: 90%;
   margin: auto;
   padding: 100px 0;
   display: flex;
   justify-content: space-between;
}
aside{
   width: 25%;
}
aside p:nth-child(1){
   color: #005386;
   text-transform: uppercase;
   font-size: 1.3em;
    font-weight: 400;
   position: relative;
   padding-bottom: 5px;
}
aside p:nth-child(1)::before{
   content: '';
   width: 50px;
   height: 3px;
   background-color: #005386;
   position: absolute;
   bottom: 0;
}
aside ul{
   margin-top: 30px;
   padding: 0;
   list-style: none;
}
aside ul li{
   display: flex;
   align-content: center;
   margin-bottom: 10px;
}
aside ul li .fa{
   margin-right: 10px;
   color: #005386;
}
.brochure{
   width: 100%;
   margin-top: 30px;
   background-color: #005386;
   padding: 30px 0;
}
.brochure img{
   width: 90%;
   margin: auto;
   display: block;
}
.brochure a{
   border: none;
   width: 40%;
   padding: 10px 0;
   margin: auto;
   margin-top: 20px;
   display: block;
   font-size: 15px;
   text-transform: uppercase;
   color: #005386;
   font-weight: 500;
   background-color: #fff;
    text-decoration: none;
    text-align: center;
}
.brochure a .fa{
    padding: 4px;
    border: 2px solid #005386;
    border-radius: 5px;
    font-size: 12px;
    margin-right: 10px;
}
section{
   width: 65%;
}
section h1{
   width: 94%;
   padding: 3%;
   background-color: #005386;
   color: #fff;
   font-weight: 500;
}
.content_div{
   display: flex;
   justify-content: space-between;
}
.content_div img{
   width: 50%;
   height: 50%;
}
.content_div p{
   width: 45%;
   text-align: justify;
   margin-top: 30px;
}
.sub_para{
   margin-top: 40px;
   text-transform: uppercase;
   font-weight: 500;
   font-size: 1.2em;
   margin-bottom: 15px;
}
.sub_head{
   font-size: 2em;
   margin-top: 30px;
   color: #005386;
}
section ul{
   margin-top: 20px;
   line-height: 2;
   list-style: none;
   padding: 0;
   font-weight: 400;
}
.after_style{
   width: 45%;
}
.after_style p{
   width: 100%;
}
.after_style p{
   margin-top: 15px;
}
/* Media Query */
@media only screen and (max-width: 1280px){
   .content_div{
      display: block;
   }
   .content_div img{
      float: left;
      margin-right: 30px;
   }
   .after_style{
      width: 100%;
   }
}
@media only screen and (max-width: 768px){
   .container {
       flex-wrap: wrap;
       flex-direction: column-reverse;
   }
   aside{
      width: 100%;
      margin-top: 50px;
   }
   section{
      width: 100%;
   }
}
@media only screen and (max-width: 500px){
   .content_div img {
      float: none;
       width: 100%;
       height: 100%;
       margin-top: 30px;
       margin-right: 0 !important;
   }
}