@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/product-banner.jpg);
}
.nav li:nth-child(3) a{
   color: #2093d1;
}
.fixed li:nth-child(3) a{
   color: #2093d1 !important;
}
/* Product Style */
.product_desc{
   width: 90%;
   margin: auto;
   margin-top: 100px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   -webkit-box-shadow: -11px 20px 99px -5px rgba(0,0,0,0.75);
   -moz-box-shadow: -11px 20px 99px -5px rgba(0,0,0,0.75);
   box-shadow: -11px 20px 99px -5px rgba(0,0,0,0.75);
   overflow: hidden;
}
.product_desc h1{
   width: 20%;
   text-align: left;
   padding-left: 3%;
}
.product_cont{
   width: 70%;
   padding: 2% 0;
   background-image: url(../images/product/product-bg.png);
   background-size: cover;
   background-position: right;
   color: #fff;
}
.product_cont p{
   width: 80%;
    margin: auto;
   text-align: justify;
}
.product_div{
   width: 90%;
   margin: auto;
   margin: 100px auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.product_img{
   width: 50%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}
.product_img img{
   width: 26%;
   height: 100%;
   padding: 2%;
   position: relative;
}
.product_img img:nth-child(1),.product_img img:nth-child(3),.product_img img:nth-child(5){
   border-bottom: 1px solid #2f2f2f;
}
.line::after{
    content: '';
   width: 1px;
   height: 90%;
   background-color: #2f2f2f;
   position: absolute;
}
.line{
   position: relative;
}
.line:nth-child(7),.line:nth-child(9){
   margin-top: 3%;
}
.show_img{
   width: 40%;
}
.show_img img{
   width: 100%;
   margin: 15px auto;
}
.show_img h1{
   color: #22519e;
   text-transform: uppercase;
   font-size: 1.5em;
   text-align: center;
}
.show_img a{
   width: 120px;
   text-align: center;
   padding: 10px;
   background-color: #22519e;
   color: #fff;
   float: right;
   cursor: pointer;
   text-decoration: none;
}
/* Media Query */
@media only screen and (max-width: 768px){
   .product_desc{
      display: block;
   }
   .product_desc h1 br{
      display: none;
   }
   .product_desc h1{
      width: 100%;
      text-align: center;
      padding: 10px 0;
   }
   .product_cont{
      width: 100%;
   }
   .product_div{
      display: block;
   }
   .product_img{
      width: 100%;
   }
   .show_img{
      width: 100%;
      margin-top: 50px;
   }
}