/*------------------------------------------------------------
Responsive Resets
-------------------------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img,
audio,
video,
canvas {
  max-width: 100%;
}
ul, li {
  padding: 0;
  margin: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fixautofocus{
  -webkit-overflow-scrolling : touch !important;
  overflow: auto !important;
  height: 100% !important;
}
html, body {
  margin: 0;
  padding: 0;
}
body {
  background: #1a1a1a;
  font-family: 'din-condensed', 'Helvetica', sans-serif;
  text-align: left;
  color: #ffffff;
  font-size: 16px;
  position: relative;
  padding: 0 1em;
}

/*------------------------------------------------------------
Typography
-------------------------------------------------------------- */

h1, h2, h3{
  color: #ffffff;
  margin: 0;
  line-height: 1.5em;
}
h1 {
  font-size: 2.5em;
  letter-spacing: -2px;
}
h2{
  font-size: 2em;
  letter-spacing: -0.15px;
}
h3{
  font-size: 1.187em;
  margin-bottom: 0.5em;
}
p, label{
  font-size: 1em;
  line-height: 1.5;
  margin: 0;
  font-weight: 300;
}
a{
  font-size: 1em;
  line-height: 1.5;
  transition: all .3s ease;
}
a:hover{
  text-decoration: none;
}

a:focus, a:active {
  text-decoration: none;
  outline: none;
}
p a{
  font-size: inherit;
}
a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
/*------------------------------------------------------------
Common
-------------------------------------------------------------- */
.container-fluid {
  margin: 0 auto;
  max-width: 1200px;
}
body.no-scroll {
  overflow: hidden;
}
.homeBtn {
  display: block;
  position: fixed;
  right: 1em;
  bottom: 1em;
  padding: 1em;
  z-index: 5;
  background-color: #ffffff;
  color: #1a1a1a;
  text-transform: uppercase; 
  border-radius: 4px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.homeBtn:hover {
  color: #1a1a1a;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  transform: scale(0.95);
}
.page-head h2 {
  font-size: 3.125em;
  text-transform: uppercase;
}
.page-head .bar {
  display: block;
  width: 4em;
  height: .5em;
  border-radius: 1em;
}
.list-title {
  margin-bottom: 0.5em !important;  
}
.btn-default {
  font-size: 1em;
  padding: 0.5em 1em;
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff; 
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: background 0.4s ease, color 0.4s ease, border 0.4s ease;
  -moz-transition: background 0.4s ease, color 0.4s ease, border 0.4s ease;
  transition: background 0.4s ease, color 0.4s ease, border 0.4s ease;
}
.btn-default:hover {
  color: #1a1a1a;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-default:focus {
  outline: none;
}
.table.table-bordered.techSpec {
  font-size: 1em;
  font-weight: 300;
  margin-bottom: 2.5em;
}
.table.table-bordered.techSpec th {
   max-width: 5.74em;    
  font-weight: 300;
  white-space: normal;
  line-height: normal;
  vertical-align: top;
}
.table.table-bordered.techSpec td {
  max-width: 5.74em;
  white-space: normal;     
  /*border: none;*/
  text-align: center;
  vertical-align: middle;
}
@media only screen and (max-width:767px) {
  .table.table-bordered.techSpec {
    font-size: 1.5em;
  }  
}
/* Header */
header.main-header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: auto;
  width: 100%;
  height: 5em;
  padding: 0 1em;
  background-color: rgba(26, 26, 26, 0.95);
  box-shadow: 0 1px 2px rgba(26, 26, 26, 0.5);
  z-index: 10;
}
header.main-header .header-nav-wrap {
  position: relative;
  padding: 0 15px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-width: 1200px; 
}
/*.main-header .logo {
  display: inline-block;
  width: 3em;
  height: 3em;
  background-image: url(../img/white_logo.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: none;
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}*/
.nav-wrapper ul > li {
  position: relative;
 display: block;
 height: auto;
}
.nav-wrapper ul > li a {
 font-size: 1.5em;
 display: inline-block;
 margin: 0;
 padding: 15px 0;
 color: #ffffff;
 text-transform: uppercase;
}
.nav-wrapper ul > li> a {
 opacity: 0.75;
 -webkit-transition: opacity 0.4s ease;
 -moz-transition: opacity 0.4s ease;
 transition: opacity 0.4s ease;
}
.nav-wrapper ul > li > a.selected,
.nav-wrapper ul > li:hover > a {
 opacity: 1;
}
.nav-wrapper ul > li:hover > a.disabled {
  opacity: 0.5 !important;  
}
.nav-wrapper ul.menu {
  padding-left: 2em;
  display: none;
}
.nav-wrapper ul > li:hover > ul.menu {
  display: block;
}
.main-header .nav-wrapper {
 position: absolute;
 left: 0;
 right: 0;
 top: 5em;
 z-index: -1;
 padding: 0 15px;
 background-color: rgba(26, 26, 26, 0.95);
 overflow-x: hidden;
 overflow-y: auto;
 opacity: 0;
 visibility: hidden;
 -webkit-transform: translate3d(0, -100%, 0);
 -moz-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 -webkit-transition: all 0.4s ease;
 -moz-transition: all 0.4s ease;
 transition: all 0.4s ease;
}
.main-header.visible .nav-wrapper {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0); 
}
.main-header .closeBtn {
  display: block;
  width: 2em;
  height: 2em;
  position: absolute;
  right: 15px;
  top: 50%;
  background-color: transparent;
  text-transform: uppercase; 
  border-radius: 0;
  background-image: url(../images/Fortis_Logo/Hamburger_menu_icon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 100% 100%;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
   -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  display: none;
}
.main-header .closeBtn:hover {
  -webkit-transform: translateY(-50%) scale(0.90);
  -moz-transform: translateY(-50%) scale(0.90);
  transform: translateY(-50%) scale(0.90);
}
.main-header.visible .closeBtn {
  background-image: url(../images/closeBtn.png);
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.nav-wrapper .disabled{
  opacity: 0.5;
  cursor: not-allowed;
}
.nav-wrapper .dropdown-icon {
  position: relative;
  margin-right: 1em;
}
.nav-wrapper .dropdown-icon:after {
  content: '';
  position: absolute;
  display: inline-block;
  top: 50%;
  right: -15px;
  height: 10px;
  width: 10px;
  min-width: 10px;
  background-image: url(../images/down-arrow-sm.svg);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 100% 100%;
  vertical-align: text-bottom;
  transform-origin: center center;
  -webkit-transform: translateY(-80%);
  -moz-transform: translateY(-80%);
  transform: translateY(-80%);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.nav-wrapper li:hover .dropdown-icon:after {
   -webkit-transform: translateY(-80%) rotate(-180deg);
  -moz-transform: translateY(-80%) rotate(-180deg);
  transform: translateY(-80%) rotate(-180deg); 
}
@media only screen and (min-width: 992px) {
     .main-header .nav-wrapper {
       position: static;
       -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
       transform: translate3d(0, 0, 0);
       padding: 0;
       opacity: 1;
       visibility: visible;
       overflow: visible;
       z-index: 1;
       float: right;
       background-color: transparent;
    }
    .nav-wrapper > ul {
       height: 100%; 
    }
    .nav-wrapper > ul > li {
       display: inline-block;
       height: 100%;
    }
    .nav-wrapper ul > li a {
        display: inline-block;
        font-size: 1.25em;
        color: #ffffff;
        text-transform: uppercase;
        vertical-align: middle;
        margin: 0 0.5em;
        padding: 0 0 0.3em 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: transparent;
        -webkit-transition: border 500ms ease-out;
        -moz-transition: border 500ms ease-out;
        -o-transition: border 500ms ease-out;
        transition: border 500ms ease-out;
    }
    .nav-wrapper > ul > li > a {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .nav-wrapper ul > li > ul > li:last-of-type {
       padding-bottom: 0.5em;
    }
    .nav-wrapper ul > li > ul > li a {
        padding: 0.5em 0;
    }
    .nav-wrapper ul > li a.selected,
    .nav-wrapper ul > li a:focus,
    .nav-wrapper ul > li a:hover {
        border-bottom-color: #ffffff;
    }
    .nav-wrapper ul.menu {
        padding-left: 0;
        background-color: rgba(26, 26, 26, 0.95);
    }
    .nav-wrapper ul.menu {
        position: absolute;
        left: 0;
        top: 100%;
        width: 16em;
    }
    .nav-wrapper ul.menu ul.menu {
        position: absolute;
        left: 100%;
        top: 0;
        width: 15em;
    }
    .nav-wrapper ul > li:hover > ul.menu {
        display: block;
    }
    .nav-wrapper ul.menu .dropdown-icon:after {
       -webkit-transform: translateY(-80%) rotate(-90deg);
      -moz-transform: translateY(-80%) rotate(-90deg);
      transform: translateY(-80%) rotate(-90deg);   
    }
/*
    .nav-wrapper ul.menu li:hover .dropdown-icon:after {
       -webkit-transform: translateY(-80%) rotate(-270deg);
      -moz-transform: translateY(-80%) rotate(-270deg);
      transform: translateY(-80%) rotate(-270deg);   
    }
*/
}
@media only screen and (max-width: 992px) {
  .main-header .closeBtn {
    display: block;
  }   
  .main-header + section {
    margin-top: 7em;
  }
}

/* Popup */
.popup-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1040;
  display: none;
}
.popup-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 2em;
  background-color: #ffffff;
  border-radius: 6px;
  z-index: 1050;
}
#apply .popup-container  {
  width: 90%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.popup-wrapper .closeBtn {
  position: absolute;
  top: 2em;
  right: 2em;
  width: 2.75em;
  height: 2.75em;
  background-image: url(../images/closeBtn.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  background-color: #000000;
  border-radius: 6px;
}
.popup-wrapper .title {
  font-size: 1.75em;
  color: #1a1a1a;
}
.popup-wrapper .popup-body {
  height: calc(100% - 3em);
  overflow-x: hidden;
  overflow-y: auto;
  color: #1a1a1a;
  margin-top: 0;
}
.popup-wrapper .popup-body h4 {
   font-size: 1.5em; 
}
.popup-wrapper .popup-body p {
  font-size: 1.25em;
  line-height: normal;
  margin-bottom: 1em 
}
.popup-wrapper .popup-body ol {
  list-style-type: lower-alpha;
  font-weight: 300;
  padding-left: 2em;
  margin-bottom: 2em;
}
.popup-wrapper .popup-body ol li {
  font-size: 1.25em;
  line-height: normal;
  margin-bottom: 0.5em;  
}
.popup-wrapper .form-control {
  font-size: 1.375em;
  height: 2.75em;
  color: #a7a2a2;
  background-color: #000000;
  border-color: #000000;
}
.popup-wrapper textarea.form-control {
  height: 5em;
  padding: 1em;
  resize: none;
  overflow-x: hidden;
  overflow-y: auto;
}
.popup-wrapper .form-control:focus {
    border-color: #a7a2a2;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(167,162,162,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(167,162,162,.6);
}
.popup-wrapper .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a7a2a2;
}
.popup-wrapper .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #a7a2a2;
}
.popup-wrapper .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #a7a2a2;
}
.popup-wrapper .form-control:-moz-placeholder { /* Firefox 18- */
  color: #a7a2a2;
}
.popup-wrapper .btn-default {
  font-size: 1em;
  padding: 0.5em 1em;
  color: #ffffff;
  background-color: #000000;
  border-color: #000000; 
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: background 0.4s ease, color 0.4s ease, border 0.4s ease;
  -moz-transition: background 0.4s ease, color 0.4s ease, border 0.4s ease;
  transition: background 0.4s ease, color 0.4s ease, border 0.4s ease;
}
.popup-wrapper .btn-default:hover {
  color: #1a1a1a;
  background-color: #ffffff;
  border-color: #1a1a1a;
}
@media only screen and (min-width: 480px) {
  .popup-container {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      width: 80%;
      padding: 2em;
      background-color: #ffffff;
      border-radius: 6px;
      z-index: 1050;
  }  
}
@media only screen and (min-width: 768px) {
  .popup-container {
      width: 60%;
  }  
}
@media only screen and (min-width: 992px) {
  #apply .popup-container {
      width: 40%;
  }  
}
#apply .attchment {
    display: inline-block;
   position: relative;
  margin-left: 3em;
}
#apply .attchment input[type="file"] {
  display: none;
}
#apply .attchment label {
  position: relative;
  color: #1a1a1a;
  cursor: pointer;
}
#apply .attchment label:before {
  content: '';
  position: absolute;
  top: 0;
  left: -1.5em;
  width: 1.3em;
  height: 1.3em;
  background-image: url(../images/icon/icon-attachment.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.disabled{
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
header + section {
  margin-top: 5em;
}
/*------------------------------------------------------------
Home
-------------------------------------------------------------- */
#home .logo {
  background-image: url(../images/Fortis_Logo/Fortis_Full_logo_text.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 14.6875em;
  height: 2.875em;
}
#home .row {
  margin-right: -10px;
  margin-left: -10px;
}
#home .row > .col-sm-12,
#home .row > .col-md-7,
#home .row > .col-md-6,
#home .row > .col-md-5,
#home .row > .col-md-2 {
  padding: 10px;
}
.nav-block {
  display: block;
  height: 100%;
  padding: 1em 1.25em;
  border-radius: 6px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.nav-block:hover{
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
  transform: scale(0.98);
}
.nav-block .icon {
  width: 6.4375em;
  height: 4em;
  margin-bottom: 1em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.nav-block .bar {
  display: block;
  width: 3em;
  height: .5em;
  margin: .5em 0;
  border-radius: 1em;
  background: #1a1a1a;
}
.nav-block h2 {
  color: #1a1a1a;   
  text-transform: uppercase;
  line-height: normal;
}
.nav-block.aboutUs {
  background-color: #06b3b8;  
}
.nav-block.products {
  background-color: #ffffff; 
}
.nav-block.drives {
  background-color: #fad217;  
}
.nav-block.quality {
  background-color: #00a0c6;  
}
.nav-block.accreditation {
  background-color: #fe0907;
}
.nav-block.opportunity {
  background-color: #3fa52a;  
}
.nav-block.contactUs {
  background-color: #ffffff;  
}

.nav-block.aboutUs .icon {
  background-image: url(../images/icon/ico_whoWeAre.png);  
}
.nav-block.products .icon {
  background-image: url(../images/icon/ico_products.png); 
}
.nav-block.drives .icon {
  background-image: url(../images/icon/ico_drives.png);  
}
.nav-block.quality .icon {
  background-image: url(../images/icon/ico_quality.png); 
}
.nav-block.accreditation .icon {
  background-image: url(../images/icon/ico_accreditations.png);
}
.nav-block.opportunity .icon {
  background-image: url(../images/icon/ico_opportunities.png); 
}
.nav-block.contactUs .icon {
  background-image: url(../images/icon/ico_talk.png);  
}
.vertical-center.v-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*------------------------------------------------------------
Our Products
-------------------------------------------------------------- */

#products .page-head .bar {
  background-color: #ffffff;    
}
section.ourProducts {
   padding: 2em 0; 
}
.product-block {
  position: relative;
  display: block;
  width: 100%;
  height: 29em;
  padding: 1.5em;
  margin: 3.5em auto;
  border-radius: 6px;
  text-align: center;
}
.product-block .transition-block {
  -webkit-transform: translateY(-8em);
  -moz-transform: translateY(-8em);
  transform: translateY(-8em);
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  transition: transform 0.4s ease;
  pointer-events: none;
}
.product-block .product-btn {
  display: inline-block;
  font-size: 1.25em;
  line-height: normal;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 4px;
  padding: 0.5em 1em;
   -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  pointer-events: all;
}
.product-block .product-btn:hover {
  background-color: rgba(255,255,255,0.8);    
}
.product-block .product-btn.disabled:hover {
  background-color: transparent;
  color: #ffffff !important;
}
.product-block:hover .transition-block {
  -webkit-transform: translateY(-14em);
  -moz-transform: translateY(-14em);
  transform: translateY(-14em);
}
.product-block .product-img {
  display: block;
  width: 15em;
  height: 14.6875em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-left: auto;
  margin-right: auto;
  opacity: 1;

 
}
.product-img img{
  border-radius: 5%;
  border: 3px solid #fff;
  /*width:400px;*/
}

.product-block .product-info {
  display: block;
  width: 100%; 
  margin: auto;
  color: #ffffff;
  max-height: 15em;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.product-block:hover .product-info {
  max-height: 26em;  
}
.product-block .product-name-wrap {
  display: block;
  max-height: 6.625em;
  overflow: hidden;
}
.product-block:hover .product-name-wrap {
  max-height: 10em;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.product-block .product-name {
  display: inline-block;
  width: 10em;
  height: 6.625em;
  background-repeat: no-repeat;
  background-size: 100% 100%; 
}
.product-block .product-variants {
  opacity: 0;
  visibility: hidden;
  font-size: 3em;
  line-height: normal;
  text-transform: uppercase;
  color: #ffffff;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.product-block:hover .product-variants {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);  
}
.product-block .product-description {
  position: relative;
  min-height: 9.75em;
  max-height: 9.75em;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;   
}
.product-block:hover .product-description {
  min-height: 15em;
   -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;   
}
.product-block .product-description p {
  font-size: 1.125em;
  padding: 1.3333333333333333em 0;
  width: 100%;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
   -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;   
}
.product-block.variant .product-description p {
  position: static;
  top: auto;
  transform: none;
}
.product-block.variant:hover .product-description p {
  display: none;
}
.product-block .product-description .product-btn {
  margin-top: 0.5em;
} 
.product-block .product-description .btn-wrap {
 opacity: 0;
 -webkit-transform: translateY(100%);
 -moz-transform: translateY(100%);
 transform: translateY(100%);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
} 
.product-block:hover .product-description .btn-wrap {
 padding-top: 0.5em;
 opacity: 1;
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0);
 transform: translateY(0);
}
.btn-wrap .product-btn {
  width: 100%;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
a.product-block .info-btn-wrap,
.comingSoon .soon-btn-wrap {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.5em;
  overflow: hidden;
} 
a.product-block .info-btn-wrap .product-btn,
.comingSoon .soon-btn-wrap .product-btn {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  transform: translateY(100%);
   -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
a.product-block:hover .info-btn-wrap .product-btn,
.comingSoon:hover .soon-btn-wrap .product-btn {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
}
.product-block.home {
  background-color: #5ca47a;  
}
/*.product-block.home .product-img {
  background-image: url(../images/Products_Page/Product_images/HomeFort_package.png); 
}*/
/*.product-block.home .product-name {
  background-image: url(../images/Products_Page/Text_style_Images/HomeFort_text.png); 
}*/
.product-block.home .product-btn:hover {
  color: #000;    
}
.product-block.home-2 .product-btn:hover {
  color: #000;    
}
.product-block.home-3 .product-btn:hover {
  color: #000;    
}

.product-block.home-2 {
  background-color: #c21f24;  
}

.product-block.home-3 {
  background-color: #52658c;  
}




.product-block.flexi {
  background-color: #06b3b8;  
}
/*.product-block.flexi .product-img {
  background-image: url(../images/Products_Page/Product_images/FlexiFort_package.png); 
}
.product-block.flexi .product-name {
  background-image: url(../images/Products_Page/Text_style_Images/FlexiFort_text.png); 
}*/
.product-block.flexi .product-btn:hover {
  color: #ee7401;    
}
.product-block.agro {
  background-color: #06b3b8;  
}
.product-block.agro .product-img {
  background-image: url(../images/Products_Page/Product_images/AgroFort_package.png); 
}
.product-block.agro .product-name {
  background-image: url(../images/Products_Page/Text_style_Images/AgroiFort_text.png); 
}
.product-block.agro .product-btn:hover {
  color: #06b3b8;    
}
.product-block.multi {
  background-color: #0166ad;  
}
.product-block.multi .product-img {
  background-image: url(../images/Products_Page/Product_images/Multifort_product_page.png); 
}
.product-block.multi .product-name {
  background-image: url(../images/Products_Page/Text_style_Images/MultiFort_text.png); 
}
.product-block.multi .product-btn:hover {
  color: #0166ad;    
}
.product-block.co-axial {
  background-color: #ed1c24;  
}
.product-block.co-axial .product-name {
  width: 13.625em;
  height: 9.8125em;
  background-image: url(../images/Products_Page/Text_style_Images/co-axial_cables_text.png); 
}
.product-block.co-axial .product-info {
   -webkit-transform: translateY(-3.5em);
  -moz-transform: translateY(-3.5em);
  transform: translateY(-3.5em);
  -webkit-transition: -webkit-transform .4s ease;
  -moz-transition: -moz-transform .4s ease;
  transition: transform .4s ease;    
}
.product-block.co-axial .product-name {
  -webkit-transform: translateY(-2em);
  -moz-transform: translateY(-2em);
  transform: translateY(-2em);
  -webkit-transition: -webkit-transform .4s ease;
  -moz-transition: -moz-transform .4s ease;
  transition: transform .4s ease;  
}
.product-block.co-axial:hover .product-info,
.product-block.co-axial:hover .product-name {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);  
}

.product-block.co-axial:hover .product-info .product-description {
  -webkit-transform: translateY(-2em);
  -moz-transform: translateY(-2em);
  transform: translateY(-2em);  
}
.product-block.co-axial .product-btn:hover {
  color: #ed1c24;    
}
.product-block.lan {
  background-color: #f9b603;  
}
.product-block.lan .product-name {
  width: 13.625em;
  height: 7.5625em;
  background-image: url(../images/Products_Page/Text_style_Images/Lan_cables_text.png); 
}
.product-block.lan .product-btn:hover {
  color: #f9b603;    
}
.product-block.lan .product-info {
   -webkit-transform: translateY(-1.5em);
  -moz-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
  -webkit-transition: -webkit-transform .4s ease;
  -moz-transition: -moz-transform .4s ease;
  transition: transform .4s ease;    
}
.product-block.lan:hover .product-info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);  
}
/*------------------------------------------------------------
Products details
-------------------------------------------------------------- */
.product-details {
  padding-top: 3.5em; 
}
.productDetails .page-head:before,
.productDetails .page-head:after {
  content: '';
  display: table
}
.productDetails .page-head:after {
  clear: both;
}
.productDetails .page-head .productName {
  float: left;
  display: block;
  width: 21.875em;
  height: 3.5em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: transparent;
  text-transform: uppercase;
  margin: 1em 0 2em;
}
@media only screen and (max-width: 768px) {
  .product-details {
    padding: 1.5em 0; 
  }
}
@media only screen and (max-width: 480px) {
    .productDetails .page-head .productName {
        width: 16em;
        height: 2.666em;
    }
}
.productDetails p {
  font-size: 1.5em;
  margin-bottom: 2em;
}
.productDetails p > span:not(:last-of-type) {
  display: block;
  margin-bottom: 1em;
}
.col-two {
  column-count: 2;
  column-gap: 30px;
}
.product-details-wrap {
  position: relative;
  margin-bottom: 4em;  
}
.product-details .details-block {
  margin-bottom: 2em;   
}
.details-block ol,
.details-block ul {
  font-size: 1.3em;
  padding-left: 1em;
}
.details-block ol > li,
.details-block ul > li {
  margin-bottom: 1em;
  padding-left: 0.5em;
}
.productDetails .product-details-title {
  display: block;
  font-size: 1.8em;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 1em;
}
.productDetails .product-details-title-secondry {
  font-size: 1.625em;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
.details-block.table-block .product-details-title{
  color: #ffffff !important;
  margin-bottom: 0.5em;
}
.details-block.table-block p:not(:last-of-type) {
  margin-bottom: 0;
}
.productDetails h3.product-details-title {
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
.productDetails .product-image-wrap {
  display: table;
  position: relative;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-radius: 6px;
  padding: 1em;
  margin-bottom: 2em;
}
.productDetails .slider-wrap {
   position: relative;
   display: table-cell;
   vertical-align: middle;
   overflow: hidden;
}
.productDetails .slider-title-wrap {
   position: absolute;
   text-align: center;
   width: 100%;
   height: 2em;
   margin: 0 auto;
   overflow: hidden;
}
.productDetails .slider-title-wrap .slide {
   font-size: 1.5em;
   text-align: center;
   text-transform: uppercase;
}
.productDetails .slider-navigation-wrap {
   list-style-type: none;
   display: inline-block;
   width: 100%;
   position: absolute;
   left: 0;
   right: 0;
   bottom: -0.5em;
   text-align: center;
   z-index: 5;
}
.productDetails .slider-navigation-wrap > li {
   display: inline-block;
   padding: 0.5em;
}
.productDetails .slider-navigation-wrap > li > a {
   display: inline-block;
   width: 1em;
   height: 1em;
   border: 1px solid #ffffff;
   border-radius: 1em;
}
.productDetails .slider-navigation-wrap > li.current > a {
   background-color: #ffffff;
}

@media only screen and (max-width: 768px) {
    .productDetails .slider-title-wrap {
        width: 100%;
    }
}
.product-image-wrap .image-slider-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/*@media only screen and (max-width: 992px) {
    .product-image-wrap .image-slider-wrap {
        padding-bottom: 50%;
    }
}*/
/*@media only screen and (max-width: 768px) {
    .product-image-wrap .image-slider-wrap {
        padding-bottom: 100%;
    }
}*/
.product-image-wrap .slide {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.product-image-wrap .slide .slide-image {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 80%;
  height: 0;
  padding-bottom: 20%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
@media only screen and (max-width: 992px) {
    .product-image-wrap .slide .slide-image {
       width: 50%;
       padding-bottom: 13%;
    }
}
@media only screen and (max-width: 768px) {
   .product-image-wrap .slide .slide-image {
       width: 80%;
       padding-bottom: 20%;
    } 
}
.product-image-details .slide.current {
  opacity: 1;
  z-index: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
}
.product-image-details .slide.move-left {
  opacity: 0;
  z-index: -1;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
}
.product-image-details .slide.move-right {
  opacity: 0;
  z-index: -1;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%);
}
.product-image-wrap .product-image-title {
  font-size: 1.5em;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 3em;
}
.product-image-wrap .product-details-image {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 80%;
  height: 0;
  padding-bottom: 20%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
@media only screen and (max-width: 992px) {
    .product-image-wrap .product-details-image {
       width: 50%;
       padding-bottom: 13%;
    }
}
@media only screen and (max-width: 768px) {
   .product-image-wrap .product-details-image {
       width: 80%;
       padding-bottom: 20%;
    } 
}
.productDetails .details-block .pro-technology {
  display: block;
  width: 60%;
  max-width: 12.5em;
  margin:1.5em 0;
}
.icon-bullet {
  width: 5em;
  height: 5em;
  margin: 0 1.5em 1.5em 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
@media only screen and (min-width:768px) {
    .details-block .content-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.icon-bullet.heat-resistant {
  background-image: url(../images/heat-resistant.png);
}
.icon-bullet.tri-layer {
  background-image: url(../images/tri-layer.png);
}
.icon-bullet.flame-retardant {
  background-image: url(../images/flame-retardant.png);
}
.icon-bullet.rohs {
  background-image: url(../images/rohs.png);
}
.icon-bullet.anti-rodent {
  background-image: url(../images/anti-rodent.png);
}
.icon-bullet.dual-coated {
  width: 5em;
  height: 2.5em;
  background-image: url(../images/icon/icon-dual-coated.png);
}
/* Home Fort */
#homefort .page-head .bar {
  background-color: #3fa52a;    
}
#homefort .page-head .productName {
  background-image: url(../images/Product_page_Title/home-fort-details.png);
}
#homefort.productDetails .product-details-title  {
  color: #3fa52a; 
}
#homefort .product-image-wrap {
  border-color: #3fa52a;
}
#homefort .techSpec {
  border-color: #3fa52a;
}
#homefort .techSpec th {
  background-color: #3fa52a;
  border-color: #3fa52a;
}
#homefort .border-color td {
  border-color: #3fa52a;  
}
#homefort .home-fort-highlight {
  color: #3fa52a; 
}
@media only screen and (max-width:767px) {
    #homefort .table-responsive {
        border-color: #3fa52a;     
    }    
}
@media only screen and (min-width:768px) and (max-width:992px) {
  #homefort .slide3 .slide-image{
    padding-bottom: 30%;  
  }  
}
/* Flexi Fort */
#flexifort .page-head .bar {
  background-color: #ee7401;    
}
#flexifort .page-head .productName {
  background-image: url(../images/Product_page_Title/flexi-fort-details.png);
}
#flexifort.productDetails .product-details-title  {
  color: #ee7401; 
}
#flexifort .product-image-wrap {
  border-color: #ee7401;
}
#flexifort .techSpec {
  border-color: #ee7401;
}
#flexifort .techSpec th {
  background-color: #ee7401;
  border-color: #ee7401;
}
#flexifort .border-color td {
  border-color: #ee7401;  
}
#flexifort .techSpec td.border-top {
   border-top: 1px solid #ee7401;  
} 
@media only screen and (max-width:767px) {
    #flexifort .table-responsive {
        border-color: #ee7401;     
    }    
}
/* Agro Fort */
#agrofort .page-head .bar {
  background-color: #06b3b8;    
}
#agrofort .page-head .productName {
  background-image: url(../images/Product_page_Title/agro-fort-details.png);
}
#agrofort.productDetails .product-details-title-secondry,
#agrofort.productDetails .product-details-title  {
  color: #06b3b8; 
}
#agrofort .product-image-wrap {
  border-color: #06b3b8;
}
#agrofort .techSpec {
  border-color: #06b3b8;
}
#agrofort .techSpec th {
  background-color: #06b3b8;
  border-color: #06b3b8;  
}
#agrofort .border-color td {
  border-color: #06b3b8;  
}
@media only screen and (max-width:767px) {
    #agrofort .table-responsive {
        border-color: #06b3b8;     
    }    
}

/* Multi Fort */
#multifort .page-head .bar {
  background-color: #0166ad;    
}
#multifort .page-head .productName {
  background-image: url(../images/Product_page_Title/multi-fort-details.png);
}
#multifort.productDetails .product-details-title  {
  color: #0166ad; 
}
#multifort .product-image-wrap {
  border-color: #0166ad;
}
/*  */
.side-info {
  position: relative;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-radius: 6px;
  padding: 2em;
  margin-bottom: 2em;
}
.side-info > p {
  font-size: 19px;
  line-height: 1.3em;
  text-transform: uppercase;
  margin-bottom: 0;
  color: #1a1a1a;
}
@media only screen and (min-width:992px){
  .more-info {
    margin-top: 8em;
  }
}

/* who We Are */
#who-we-are .page-head .bar {
  background-color: #06b3b8;    
}
#who-we-are .page-head .productName {
  font-size: 3.125em;
  line-height: normal;
  width: auto;
  height: auto;
  margin: 0.32em 0 0.64em;
  background-image: none;
  color: #ffffff;
}
#who-we-are .side-info {
  background-color: #06b3b8;
  border-color: #06b3b8;
}
/* what Drives US */
#drives-us .page-head .bar {
  background-color: #fad217;    
}
#drives-us .page-head .productName {
  font-size: 3.125em;
  line-height: normal;
  width: auto;
  height: auto;
  margin: 0.32em 0 0.64em;
  background-image: none;
  color: #ffffff;
}
#drives-us .side-info {
  display: block;
  padding: 2em;
  background-color: #fad217;
  border-color: #fad217; 
}
#drives-us .side-info h3 {
  font-size: 3em;
  margin-bottom: 0;
  color: #1a1a1a;
  text-transform: uppercase;
}
#drives-us .side-info p {
  font-size: 1.75em;
  color: #1a1a1a; 
  text-transform: uppercase;
}
#drives-us .product-details-title { 
  color: #fad217;
}
#drives-us .para-title {
  color: #fad217;  
}
/* OUR PURSUIT OF QUALITY */
#quality .page-head .bar {
  background-color: #00a0c6;    
}
#quality .page-head .productName {
  font-size: 3.125em;
  line-height: normal;
  width: auto;
  height: auto;
  margin: 0.32em 0 0.64em;
  background-image: none;
  color: #ffffff;
}
#quality .side-info {
  display: block;
  padding: 2em;
  background-color: #00a0c6;
  border-color: #00a0c6; 
}
#quality .side-info p {
  font-size: 2em;
  color: #1a1a1a; 
  text-transform: uppercase;
}
/* OUR ACCREDITATIONS */
#accreditations .page-head .bar {
  background-color: #fe0907;    
}
#accreditations .page-head .productName {
  font-size: 3.125em;
  line-height: normal;
  width: auto;
  height: auto;
  margin: 0.32em 0 0.64em;
  background-image: none;
  color: #ffffff;
}
#accreditations .side-info {
  display: block;
  padding: 2em;
  background-color: #fe0907;
  border-color: #fe0907; 
}
#accreditations .side-info p {
  font-size: 1.875em;
  color: #1a1a1a; 
  text-transform: uppercase;
}
.certificate-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.certificate {
  display: block;
  width: 50%;
  text-align: center;
  margin-bottom: 4em;
}
.certificate a {
  display: inline-block;
}
.certificate .certificate-img {
  display: inline-block;
  width: 90%;
  margin: 0 0 1em; 
  border: 3px solid #ffffff;
  border-radius: 6px;
}
.certificate span {
  display: block;
  font-size:  1.125em;
  color: #ffffff;
  text-decoration: underline;
}
@media only screen and (min-width:992px) {
    .certificate {
        width: 33.33333%;
        padding: 0 0.5em;
    }
}
/* Opportunities with us */
#opportunities .page-head .bar {
  background-color: #3fa52a;    
}
#opportunities .page-head .productName {
  font-size: 3.125em;
  line-height: normal;
  width: auto;
  height: auto;
  margin: 0.32em 0 0.64em;
  background-image: none;
  color: #ffffff;
}
#opportunities.productDetails .side-info {
  background-color: #3fa52a;
  border-color: #3fa52a;
}
#opportunities .more-info h3 {
  font-size: 3em;
  margin-bottom: 1em;
  text-transform: uppercase;
  line-height: normal;
}
#opportunities .profile-wrap {
  margin-bottom: 2.5em;  
}
#opportunities .profile-title {
  display: block;
  font-size: 2em;
  text-transform: uppercase;
  margin-bottom: 0.2em;
}
#opportunities .more-info .btn-default + .btn-default {
  margin-left: 1.5em;
} 
#opportunities .more-info .btn-default:hover {
  color:#3fa52a;
  background-color: #ffffff;
}
/* Talk To Us */
#contact .page-head .bar {
  background-color: #ffffff;    
}
#contact .page-head .productName {
  font-size: 3.125em;
  line-height: normal;
  width: auto;
  height: auto;
  margin: 0.32em 0 0.64em;
  background-image: none;
  color: #ffffff;
}
#contact .side-info {
  display: block;
  padding: 0;
  background-color: #ffffff;
  border-color: #ffffff; 
}
#contact .side-info p {
  font-size: 2em;
  color: #1a1a1a; 
  text-transform: uppercase;
}
#contact .map {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 120%;
}
#contact .map iframe {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
#contact .contact-info p {
 position: relative;
 margin-bottom: 1em;
 padding-left: 2em;
}
#contact .contact-info p a {
  color: #ffffff;
}
#contact .contact-info p.address:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  background-image: url(../images/contact/icon-address-white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
#contact .contact-info p.mail:before {
  content: '';
  position: absolute;
  top: 0.2em;
  left: 0;
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  background-image: url(../images/contact/icon-email-white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
#contact .contact-info p.phone:before {
  content: '';
  position: absolute;
  top: 0.2em;
  left: 0;
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  background-image: url(../images/contact/icon-phone-white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
#contact .more-info h4 {
  font-size: 1.75em;
  color: #ffffff;
}
#contact .more-info .form-control {
  font-size: 1.375em;
  height: 2.75em;
  color: #a7a2a2;
  background-color: #000000;
  border-color: #000000;
}
#contact .more-info textarea.form-control {
  height: 10em;
  resize: none;
  overflow-x: hidden;
  overflow-y: auto;
}
#contact .more-info .form-control:focus {
    border-color: #a7a2a2;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(167,162,162,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(167,162,162,.6);
}
#contact .more-info .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a7a2a2;
}
#contact .more-info .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #a7a2a2;
}
#contact .more-info .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #a7a2a2;
}
#contact .more-info .form-control:-moz-placeholder { /* Firefox 18- */
  color: #a7a2a2;
}
#contact .more-info .btn-default {
  font-size: 1.375em;
  padding: 0.5em 1.5em;
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff; 
  text-transform: uppercase;
  letter-spacing: 1px;
}
#contact .social {
  padding-top: 2em;  
}
#contact .social .icon {
  display: inline-block;
  width: 3.75em;
  height: 3.75em;
  margin: 1em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
#contact .social .icon:first-of-type {
  margin-left: -1em;    
}
#contact .social .icon.facebook {
  background-image: url(../images/contact/icon-faceook.png);
}
#contact .social .icon.twitter {
  background-image: url(../images/contact/icon-twitter.png);
}
#contact .social .icon.google {
  background-image: url(../images/contact/icon-g%2b.png);
}
#contact .social .icon.in {
  background-image: url(../images/contact/icon-in.png);
}
@media only screen and (min-width:992px) {
    #contact .social {
        text-align: center;
    }
    #contact .social .icon {
        display: block;
        margin: 1em auto;
    }
    #contact .social .icon:first-of-type {
         margin-left: auto;    
    }
    #contact .map {
      position: relative;
      width: 100%;
      height: 100%;
      padding-bottom: 0;
    }
}
/*------------------------------------------------------------
Home page Navigation
-------------------------------------------------------------- */

.home-navigation {
   position: fixed;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   z-index: 10;
   background-color: rgba(0, 0, 0, 1);
   padding: 2em 4em;
   display: none;
   pointer-events: none;
}
.home-navigation.show {
   display: block;
   pointer-events: all; 
}
body.noScroll {
  overflow: hidden;
}
body.noScroll .home-navigation {
  overflow-x: hidden;
  overflow-y: auto;
}
.home-navigation header {
    padding-bottom: 2em;
}
.home-navigation .row > .col-md-7,
.home-navigation .row > .col-md-6,
.home-navigation .row > .col-md-5,
.home-navigation .row > .col-md-2 {
  padding: 10px;
}
.home-navigation .closeBtn {
  display: block;
  position: fixed;
  right: 1em;
  top: 1em;
  z-index: 1050;
  padding: 2em;
  z-index: 5;
  background-color: transparent;
  text-transform: uppercase; 
  border-radius: 4px;
  background-image: url(../images/closeBtn.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  cursor: pointer;
   -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}
.home-navigation .closeBtn:hover {
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  transform: scale(0.85);
} 
/*------------------------------------------------------------
Media Query
-------------------------------------------------------------- */

@media only screen and (min-width: 992px) {
   .row-eq-height {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
    }
    .side-info-wrap {
       padding-right: 1.5em; 
    }
}
@media only screen and (min-width: 1200px) {
  .product-block {
        width: 85%;
   }
}
@media only screen and (max-width: 992px) {
    body {
        font-size: 14px;
    }
    .product-block {
        width: 70%;
    }
}
@media only screen and (max-width: 768px) {
    .product-block {
        width: 80%;
        margin: 8em auto;
    }
}
@media only screen and (max-width: 480px) {
     body {
        font-size: 12px;
    }
    .product-block {
        width: 80%;
    }
    .col-two {
        column-count: 1;
        column-gap: 0;
    }
    #home .row > .col-md-7,
    #home .row > .col-md-6,
    #home .row > .col-md-5,
    #home .row > .col-md-2 {
        padding: 5px;
    }
}
@media only screen and (max-width: 360px) {
    .product-block {
        width: 100%;
        margin: 8em auto;
    }
}



/*================*/
/* Agro Fort */
#spl .page-head .bar {
  background-color: #ed1c24;    
}
#spl .page-head .productName {
  background-image: url(../images/Product_page_Title/agro-fort-details.png);
}
#spl.productDetails .product-details-title-secondry,
#spl.productDetails .product-details-title  {
  color: #ed1c24; 
}
#spl .product-image-wrap {
  border-color: #ed1c24;
}
#spl .techSpec {
  border-color: #ed1c24;
}
#spl .techSpec th {
  background-color: #ed1c24;
  border-color: #ed1c24;  
}
#spl .border-color td {
  border-color: #ed1c24;  
}
@media only screen and (max-width:767px) {
    #spl .table-responsive {
        border-color: #ed1c24;     
    }    
}