/*
* Project: Project Name
* Created Date: Day Month 2015
* Copyright 2015 crewlogix.com
* All styles for Project Name
*/

/** TABLE OF CONTENTS **/

/**
  01. CSS Reset
  02. Scaffolding
  03. Typography
**/

/** 01.CSS RESET
**********************************/
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/** 02.SCAFFOLDING
**********************************/

body {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #445258;
  background-color: #fff;
  overflow-x: hidden;
}
@media (min-width: 992px){
.col-md-3 {
    width: 33%;
}
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 25%;
    float: left;
  }
}

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
.p-0{ padding: 0px !important;}
.p-l-0{ padding-left: 0px !important;}
.p-r-0{ padding-right: 0px !important;}
.p-t-0{ padding-top: 0px !important;}
.p-b-0{ padding-bottom: 0px !important;}

.p-left-0 {
  padding-left: 0 !important;
}

.p-left-5 {
  padding-left: 5px !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.gnrl-heading {
  color: #10101075;
  font-size: 72px;
  font-weight: 800;
  text-transform: uppercase;
  font-family: 'Hind', sans-serif;
  text-align: center;
  margin-top: 160px;
}

/* Vertical Space classes */
.space-top {
  margin-top: 24px;
}

.space-top-2-5x {
  margin-top: 30px;
}

.space-top-2x {
  margin-top: 48px;
}

.space-top-3x {
  margin-top: 72px;
}

.space-bottom {
  margin-bottom: 24px;
}

.space-bottom-2-5x {
  margin-bottom: 30px;
}

.space-bottom-2x {
  margin-bottom: 48px;
}

.space-bottom-3x {
  margin-bottom: 72px;
}

.padding-top {
  padding-top: 24px;
}

.padding-top-2x {
  padding-top: 48px;
}

.padding-top-3x {
  padding-top: 72px;
}

.padding-bottom {
  padding-bottom: 24px;
}

.padding-bottom-2x {
  padding-bottom: 48px;
}

.padding-bottom-3x {
  padding-bottom: 72px;
}

@media screen and (max-width: 768px) {
  .space-top {
    margin-top: 16px;
  }

  .space-top-2x {
    margin-top: 32px;
  }

  .space-top-3x {
    margin-top: 48px;
  }

  .space-bottom {
    margin-bottom: 16px;
  }

  .space-bottom-2x {
    margin-bottom: 32px;
  }

  .space-bottom-3x {
    margin-bottom: 48px;
  }

  .padding-top {
    padding-top: 16px;
  }

  .padding-top-2x {
    padding-top: 32px;
  }

  .padding-top-3x {
    padding-top: 48px;
  }

  .padding-bottom {
    padding-bottom: 16px;
  }

  .padding-bottom-2x {
    padding-bottom: 32px;
  }

  .padding-bottom-3x {
    padding-bottom: 48px;
  }
}

/* Clear floats */
.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/* Responsive media by default */
img,
iframe,
embed {
  max-width: 100%;
  
}

/* Text Selection Color */
::selection {
  color: #fff;
  background: #445258;
}

::-moz-selection {
  color: #fff;
  background: #445258;
}

.owl-carousel .owl-item img {
  display: block;
  width: auto !important;
  -webkit-transform-style: preserve-3d;
  margin: 0 auto !important;
}
p{ color: #000 ;
    font-family: "Lato",sans-serif !important;
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 20px !important;
}
a:hover, a:focus {
    outline: medium none !important;}
/** HEADER
**********************************/
/*centering navbar*/
@media screen and (min-width: 768px) {
  .main-header .navbar-brand-centered {
    position: absolute;
    left: 50%;
    display: block;
    width: 160px;
    height: auto;
    padding: 0px;
    margin-top: 12px;
    text-align: center;
  }

  .main-header .navbar > .container .navbar-brand-centered,
  .main-header .navbar > .container-fluid .navbar-brand-centered {
    margin-left: -80px;
  }
}

/*navbar styling*/

.logo-jadeed{
  height: 86px;
}
.main-header .navbar-default {
  background: #FFFFFF;
  border: none;
  border-radius: inherit;
  margin-bottom: 0;
  height: 100px;
}

.main-header .navbar-default .navbar-nav > li > a {
  text-transform: uppercase;
  color: #141414;
  font-family: 'Hind', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 0;
  margin: 40px 20px;
  border-bottom: 2px solid #fff;
}

.main-header .navbar-default .navbar-nav > li > a:hover,
.main-header .navbar-default .navbar-nav > li > a:focus,
.main-header .navbar-default .navbar-nav > li > a:active {
  border-bottom: 2px solid #000;
}

.main-header .navbar-default .navbar-nav > .active > a,
.main-header .navbar-default .navbar-nav > .active > a:hover,
.main-header .navbar-default .navbar-nav > .active > a:focus {
  background: transparent;
  border-bottom: 2px solid #000;
}



/*
.slide-bg1{ background: url(../images/banner12.png) no-repeat center top; background-size: cover; min-height: 538px;}
.slide-bg2{ background: url(../images/banner12.png) no-repeat center top; background-size: cover; min-height: 538px;}
.slide-bg3{ background: url(../images/banner12.png) no-repeat center top; background-size: cover; min-height: 538px;}
.slide-bg4{ background: url(../images/banner12.png) no-repeat center top; background-size: cover; min-height: 538px;}
.slide-bg5{ background: url(../images/banner12.png) no-repeat center top; background-size: cover; min-height: 538px;}*/







/** SECTION About jadeed
**********************************/
section.about-anam {
    margin-top: 50px;
}
.about-jadeed {
  padding: 80px 0;
  background: #fff;
}

.divider1 {
  color: #425056;
  width: 70%;
  margin: 20px auto;
  overflow: hidden;
  text-align: center;
  line-height: 1.2em;
  font-family: 'Hind', sans-serif;
  font-weight: 900;
  font-size: 35px;
  text-transform: uppercase;
}

.divider1:before, .divider1:after {
  content: "";
  vertical-align: top;
  display: inline-block;
  width: 50%;
  height: 0.55em;
  border-bottom: 1px solid #a1a8ab;
  margin: 0 2% 0 -55%;
}

.divider1:after {
  margin: 0 -55% 0 2%;
}

/*vertical line between columns*/
.row.vdivide [class*='col-']:not(:last-child):after {
  background: url(../images/leftdivider-bg.png) no-repeat; background-position: center right;
  width: 1px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  min-height: 100px;
}

.box_sub_heading {
  font-size: 48px !important;
  font-weight: 600 !important;
  color: #445258;
  font-family: 'Hind', sans-serif;
  display: inline-block;
  margin-bottom: 0;
  min-height: 60px;
}

.box_sub_heading span {
  margin-left: 10px;
}

.box_sub_heading span sup {
  font-size: 24px;
  vertical-align: super;
}

.box_sub_heading span small {
  font-size: 15px;
}

/*.box_sub_heading::after {
  content: "";
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1em;
  width: 130%;
  border-bottom: 1px solid #e0e0e0;
  margin-top: 20px;
}*/

.box_des {
  font-size: 18px;
  font-weight: 400;
  color: #445258;
  font-family: 'Hind', sans-serif;
}

.box-gen {
  padding: 20px;
}

/*excellance qualities section
===============================================*/

.excellance-qualities {
  min-height: 719px;
  padding: 80px 0 40px;
  border-top: 1px solid #e0e0e0;
}

.exlnce-qultes-hr {
  border: 1px solid;
  width: 50px;
}
.excellance-qualities .thumbnail:hover p, .excellance-qualities .thumbnail:hover h3, .excellance-qualities .thumbnail:hover img{ opacity: .6;}
.excellance-qualities .thumbnail {
  display: block;
  padding: 60px 20px 40px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #FFF;
  border: 1px solid #005dab;
  border-radius: 0;
  transition: border 0.2s ease-in-out 0s;
  min-height: 422px;
}
.excellance-qualities .thumbnail img{
  height: 60px;
}
.excellance-qualities .thumbnail h3 {
  text-transform: uppercase;
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  color: #000;
}

.excellance-qualities .thumbnail p {
    color: #666666;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    margin-top: 10px;
}

/*production range section
=================================================*/
.production-range {
  background: url("../images/Index_05.jpg") no-repeat scroll center center / cover;
  min-height: 594px;
  padding: 80px 0;
  display: none;
}

.production-range .two {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
}

.production-range h3 {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 600;
  font-family: 'Hind', sans-serif;
  text-align: center;
  text-transform: uppercase;
}

.range-features {
  position: relative;
  text-align: left;
  padding: 0 50px;
  -webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.production-range-box span{ overflow: hidden; width: 100%; display: inline-block;}
.production-range-box span span{ max-width: 110px; display: block}
.production-range-box span:hover .range-features {
  position: relative;
  text-align: center;
  padding: 0px;
}
.range-features span {
  background: #222f34;
  padding: 5px 35px;
  position: relative;
  z-index: 1;
  color: #d7d7d7;
  font-size: 13px;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
}

.range-features:before {
  background: #959595;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 100%;
}

.range-features:before {
  left: 0;
}

.range-text {
  color: #fff;
  font-family: "Lato",sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 40px;
}

.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0px !important;
    cursor: pointer;
    display: inline-block;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 10px !important;
    padding: 10px 0px!important;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 200px;
   }
.production-range .btn-sec {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 30px;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

/*our products section
=================================================*/
.our-products {
  background: url("../images/Index_06.jpg") no-repeat scroll center center / cover;
  padding: 80px 0;
}

/*lightbox section
=================================================*/
.product-box img{ width: 100%;}
.overlay {
  padding: 0px 0px 1px 0px;
}

.overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

body:not(.device-touch) .overlay .overlay-wrap, body:not(.device-touch) .text-overlay {
  transition: all 0.3s ease-in-out 0s;
}

.overlay:hover .overlay-wrap, .overlay:hover .text-overlay {
  opacity: 1;
}

.overlay .overlay-wrap, .text-overlay {
  opacity: 0;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: rgba(60, 74, 80, 0.9);
}

.overlay .overlay-wrap h3 {
  position: relative;
  opacity: 1;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  font-family: 'Hind', sans-serif;
}

.overlay .overlay-wrap p {
  position: relative;
  opacity: 1;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #FFF;
  font-family: "Lato", sans-serif;
}

.no-gutter > [class*='col-md-3'] {
  padding-right: 0;
  padding-left: 0;
}

.lb-hover-link {
  display: block;
  margin-top: 10px;
}

.lb-hover-link a {
  color: #ffffff;
}

.lb-hover-link a:hover {
  color: #ffffff;
}

.lb-hover-link i {
  padding: 12px;
  font-size: 20px;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

/*news and events section
======================================================*/

.news-events {
  padding: 80px 0 50px;
}

.news-date p,
.news-date h3 {
  margin: 0;
}

.news-day {
  font-size: 30px;
  font-weight: 800;
  color: #445258;
  font-family: 'Hind', sans-serif;
  line-height: 1;
}

.news-month {
  font-size: 16px;
  font-weight: 300;
  color: #445258;
  font-family: 'Hind', sans-serif;
}

.news-detail p,
.news-detail h3 {
  margin: 0;
}

.news-heading {
  font-size: 16px;
  font-family: 'Hind', sans-serif;
  color: #445258;
  margin-bottom: 20px !important;
}

.news-des {
  font-size: 16px;
  font-family: "Lato", sans-serif;
  color: #666;
  font-weight: 300;
}

.news-events .thumbnail {
  padding: 0;
  border: none;
}
.news-events .thumbnail:hover .thumbnail-des .ne_thumb_country{ background: #0e2151; color: #fff; }
.news-events .thumbnail:hover .thumbnail-des .ne_thumb_country h3{ color: #fff; }
.news-events .thumbnail:hover .thumbnail-des .ne_thumb_country p{ color: #fff; }
.news-events .thumbnail:hover .thumbnail-des .ne_thumb_month{ background: #f2f2f2; color: #344b56;}
.news-events .thumbnail:hover .thumbnail-des .ne_thumb_month p{ color: #344b56;}
.news-events .thumbnail .thumbnail-img img{ width: 100%; margin-bottom: 10px;}

.client-logo_banner .carousel-inner > .item { height: 538px; text-align: center;}
.client-logo_banner .carousel-inner > .item > img, .client-logo_banner .carousel-inner > .item > a > img{ max-width: 100%; text-align: center; display: inline-block;}
.client-logo_banner .carousel-indicators {  bottom: -64px;}
.client-logo_banner .carousel-indicators li { position: relative; width: auto; height: auto; margin: 0px 20px; overflow: hidden; text-indent: 0px; border:0px; background: transparent}
.client-logo_banner .carousel-indicators li img { height: 100%; padding-top: 30px;}
.client-logo_banner .carousel-indicators .active{ width: auto; height: auto;}
.client-logo_banner .carousel-indicators .active img.grayscale {
    cursor: pointer;
    filter: none;
    transition: all 1s ease 0s;
}
.client-logo_banner{ overflow: hidden; background: #fff; padding-bottom: 90px; display: none;}
.client-logo_banner .carousel-indicators {
    margin-left: -35%;
    width: 70%;
    z-index: 15;
}
.client-logo_banner .carousel-indicators .active:after,
.client-logo_banner .carousel-indicators .active:before {
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 25px solid #fff;
  top: 5px;
  content: '';
  left: 50%;
  margin-left: -25px;
  position: absolute;
}
.client-logo_banner .carousel-control{ display: none;}


.news-events .thumbnail .thumbnail-des {
  margin-top: 15px;

}

.news-events .thumbnail .thumbnail-des .ne_thumb_country {
  background: #F2F2F2;
  padding: 15px;
  height: 80px;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
-o-transition: background 1s ease;
transition: background 1s ease;
}

.news-events .thumbnail .thumbnail-des .ne_thumb_country .thumb_country_heading {
  margin-top: 0;
  font-size: 22px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: #344b56;
  -webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
-o-transition: background 1s ease;
transition: background 1s ease;
}

.news-events .thumbnail .thumbnail-des .ne_thumb_country .thumb_country_detail {
  margin-top: 0;
  font-size: 16px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: #344b56;
  -webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
-o-transition: background 1s ease;
transition: background 1s ease;
}

.news-events .thumbnail .thumbnail-des .ne_thumb_month {
  background: #0e2151;
  height: 80px;
  -webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
-o-transition: background 1s ease;
transition: background 1s ease;
}

.news-events .thumbnail .thumbnail-des .ne_thumb_month p {
  font-size: 18px !important;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  margin: 0;
  line-height: 24px !important;
  text-transform: uppercase;
  font-family: 'Hind', sans-serif;
  font-weight: bold;
  -webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
-o-transition: background 1s ease;
transition: background 1s ease;
}

.news-events .btn-sec {
  background: transparent;
  border: 1px solid #344b56;
  color: #344b56;
  text-transform: uppercase;
  padding: 12px 30px;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  display: none;
}

/*dynasty fabrics section
======================================================*/
.dynasty-fabrics {
  background: url("../images/Index_27.jpg") no-repeat scroll center center / cover;
  min-height: 538px;
  padding: 80px 0;
  position: relative;
}

.dynasty-heading {
  color: #FFFFFF;
  font-size: 35px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Hind', sans-serif;
  text-align: center;
}

.dynasty-des {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  font-family: "Lato", sans-serif;
  text-align: center;
}

.dynasty-web {
  text-align: center;
}

.dynasty-web a {
  color: #445258;
  font-size: 16px;
  font-weight: 300;
  font-family: 'Raleway', sans-serif;
}

.dynasty-web a:hover,
.dynasty-web a:active,
.dynasty-web a:focus {
  color: #445258;
  text-decoration: none;
}

/*for bg section heading*/
.divider2 {
  color: #fff;
  width: 70%;
  margin: 20px auto;
  overflow: hidden;
  text-align: center;
  line-height: 1.2em;
  font-family: 'Hind', sans-serif;
  font-weight: 600;
  font-size: 35px;
  text-transform: uppercase;
}

.divider2:before, .divider2:after {
  content: "";
  vertical-align: top;
  display: inline-block;
  width: 50%;
  height: 0.55em;
  border-bottom: 1px solid #fff;
  margin: 0 2% 0 -55%;
}

.divider2:after {
  margin: 0 -55% 0 2%;
}
.hr-bg1{ background: url(../images/divider-bg.png) no-repeat; background-position: center; height: 1px; width: 100%; border:0px; }
.sec-description {
    color: #000;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5 !important;
    text-align: center;
    margin-bottom: 50px;
}
.message-name{ font-size: 20px; margin-top: 20px; font-family: "Lato", sans-serif;}
.triangle-white:after,
.triangle-white:before {
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 25px solid #fff;
  bottom: 0;
  content: '';
  left: 50%;
  margin-left: -25px;
  position: absolute;
}

/*carousel section
=======================================================*/
.carousel-section {
  padding: 40px;
}

/*Greyscale Images*/
img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  -webkit-transition: all .7s ease; /* Fade to color for Chrome and Safari */
  -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
  transition: all 1s ease 0s;
  cursor: pointer;
}

/*fade in settings*/
.fade-in {
  opacity: 0; /* make things invisible upon start */
  -webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1) */
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s;
}

.fade-in.one {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.fade-in.two {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.fade-in.three {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
}

.fade-in.four {
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
}

/*Contact Us section
=======================================================*/
.contact-us {
  padding: 80px 0;
  background: #F2F2F2;
}

.contact-info p,
.contact-info h3 {
  margin: 0;
}

.contact-us .contact-box i {
  font-size: 36px;
  color: #283033;
}

.contact-us .contact-info h3 {
  font-size: 24px;
  font-family: "Lato", sans-serif;
  color: #6c6c6c;
  font-weight: 300;
}

.contact-us .contact-info p {
  font-size: 16px;
  font-family: "Lato", sans-serif;
  color: #6c6c6c;
  font-weight: 300;
  text-transform: uppercase;
}

.contact-us .contact-form input {
  box-shadow: none;
  border-radius: inherit;
  margin-bottom: 10px;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  height: 40px;
  color: #b2b2b2;
  border-color: #b2b2b2;
}

.contact-us .contact-form textarea {
  box-shadow: none;
  border-radius: inherit;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  height: 140px;
}

.contact-us .contact-form button {
  border-radius: inherit;
  padding: 10px auto;
  width: 200px;
  background: #0e2151 none repeat scroll 0% 0%;
  color: rgb(255, 255, 255);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "Lato", sans-serif;
  border: none;
}

/** FOOTER
**********************************/
.footer {
  padding: 80px 0 50px 0;
  background: #0e2151 none repeat scroll 0% 0%;
}

.footer .footer-logo {
  text-align: center;
}

.footer .footer-logo img {
  width: 180px;
}

/* DIAMOND GRIDS STYLES
-------------------------------------------------*/

.diamond-grid {
  display: block;
  text-align: center;
}

ul li {
  display: inline-block;
  margin: 0 7px;
}

.diamond {
  height: 40px;
  width: 40px;
  background: transparent;
  color: #ffffff;
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  border: 1px solid #ffffff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.diamond:hover {
-webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
.diamond:hover .text{-webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }
.diamond:hover {
  background: #ffffff;
  color: #445258;
}

.diamond-grid > li:nth-child(9n+6) {
  margin-left: 66px;
  margin-top: -6px;
}

.diamond-grid > li:nth-child(5) {
  margin-left: 182px;
}

.diamond-grid > li:nth-child(n+5) {
  margin-top: -51px;
}

.text {
  width: 40px;
  height: 40px;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
  -webkit-transform: rotate(314deg);
  -moz-transform: rotate(314deg);
  -ms-transform: rotate(314deg);
  -o-transform: rotate(314deg);
  transform: rotate(314deg);
  text-align: center;
}

.copyright {
  font-family: "Hind", sans-serif;
  font-weight: 300;
  font-size: 15px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 0;
}

/*back to top button*/

body:not(.device-touch) #gotoTop {
  transition: background-color 0.2s linear 0s;
}

#gotoTop:hover {
  background-color: #344b56;
}

.stretched #gotoTop {
  bottom: 30px;
}

#gotoTop {
  display: none;
  z-index: 299;
  position: fixed;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  color: #FFF;
  top: auto;
  left: auto;
  right: 30px;
  bottom: 50px;
  cursor: pointer;
  border-radius: 0px;
  border: 1px solid #fff;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

#gotoTop i {

}

.overlay-text {
  width: 300px;
  height: 90px;
  position: absolute;
  left: 50%;
  margin-left: -150px;
  margin-top: -45px;
  top: 50%;
  text-align: center;
}

.weaving-hr {
  border-top: transparent;
  overflow: hidden;
}

/*Bootstrap 5 columns grid
=========================================================*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-15 {
  width: 20%;
  float: left;
}

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}

/*/////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////
about page styling
////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////*/

.about-top {
  background: url("../images/kot1.png") no-repeat scroll center center / cover;
  min-height: 574px;
  padding: 80px 0;    margin-top: 6px;
}

.customer-profile {
  background: url("../images/about_customer_profile.jpg") no-repeat scroll center center / cover;
  min-height: 410px;
  padding: 80px 0;
}

.customer-profile .gnrl-heading {
  text-align: left;
  font-size: 35px;
  font-weight: 600;
  color: #445258;
  font-family: 'Hind', sans-serif;
  margin: 0;
  margin-top: 50px;
}
.customer-profile p{ padding-right: 50px;}
/*/////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////
production page styling
////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////*/
.about-client {
display: block;
background: url("../images/corporate1.png");
    background-repeat: repeat;
    padding-bottom: 0;
    overflow:visible;
}
.about-client .item, .about-client .item.active {
  background:none;
}
.slide-bg1  h2{
font-size: 35px;
    color: #fff !important;
    font-weight: 900 !important;
    line-height: 1.2;
    margin-top: 39px;
    font-family: 'Hind', sans-serif;
}
.slide-bg1 p{
  font-size: 16px !important;
    color: #fff !important;
    font-weight: normal !important;
}
.slide-bg2  h2{
font-size: 35px;
    color: #fff !important;
    font-weight: 900 !important;
    line-height: 1.2;
    margin-top: 39px;
    font-family: 'Hind', sans-serif;
}
.slide-bg2 p{
  font-size: 16px !important;
    color: #fff !important;
    font-weight: normal !important;
}
.slide-bg3 h2{
font-size: 35px;
    color: #fff !important;
    font-weight: 900 !important;
    line-height: 1.2;
    margin-top: 39px;
    font-family: 'Hind', sans-serif;
}
.slide-bg3 p{
  font-size: 16px !important;
    color: #fff !important;
    font-weight: normal !important;
}
.slide-bg4  h2{
font-size: 35px;
    color: #fff !important;
    font-weight: 900 !important;
    line-height: 1.2;
    margin-top: 39px;
    font-family: 'Hind', sans-serif;
}
.slide-bg4 p{
  font-size: 16px !important;
    color: #fff !important;
    font-weight: normal !important;
}
.slide-bg5  h2{
font-size: 35px;
    color: #fff !important;
    font-weight: 900 !important;
    line-height: 1.2;
    margin-top: 39px;
    font-family: 'Hind', sans-serif;
}
.slide-bg5 p{
  font-size: 16px !important;
    color: #fff !important;
    font-weight: normal !important;
}
.slide-bg6  h2{
font-size: 35px;
    color: #fff !important;
    font-weight: 900 !important;
    line-height: 1.2;
    margin-top: 39px;
    font-family: 'Hind', sans-serif;
}
.slide-bg6 p{
  font-size: 16px !important;
    color: #fff !important;
    font-weight: normal !important;
}
.slide-bg7  h2{
font-size: 35px;
    color: #fff !important;
    font-weight: 900 !important;
    line-height: 1.2;
    margin-top: 39px;
    font-family: 'Hind', sans-serif;
}
.slide-bg7 p{
  font-size: 16px !important;
    color: #fff !important;
    font-weight: normal !important;
}
.production-top {
  background: url("../images/production_banner.jpg") no-repeat scroll center center / cover;
  min-height: 574px;
  padding: 80px 0;
}

.production-ourprocess {
  background: url("../images/production_bg1.jpg") no-repeat scroll center center / cover;
  min-height: 497px;
  padding: 80px 0;
}

.production_img-circle {
  width: 100px;
  height: 100px;
  border: 1px solid #445258;
  border-radius: 50%;
  line-height: 100px;
  float: none;
  margin: 0 auto;
}

.prod_img_det {
  font-size: 14px;
  font-weight: 800;
  font-family: 'Lato', sans-serif;
  color: #445258;
  text-transform: uppercase;
  margin-top: 10px;
}

.yarn-section {
  background:#f2f2f2 url("../images/production_bg2.jpg") no-repeat scroll center center / cover;
  padding: 80px 0;
}

.fabric-section {
  background: url("../images/production_bg3.jpg") no-repeat scroll center center / cover;
  padding: 80px 0;
}
.fabric-section p{ color:#445258;}
.fabric-section ul li{ color:#445258;}
.fabric-section_top_img {
  margin: 0 auto;
}

.fabric-sec_detail {
  text-align: center;
}

.fabric_list ul {
  list-style: none;
}
.fabric_list ul li {
  display: inline-block;
  color:#445258;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
}
.fabric_list ul li p{ margin-bottom: 0px; float: left; width: 97%;}
.fabric_list ul li i {
  float: left;
  font-weight: 600;
  width: 3%;
}
.liinline-style{ margin: 0px 0px 20px; }
.liinline-style li{ border-right: 2px solid #445258;
    color: #445258;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 15px 0 0 !important;
    padding: 0 15px 0 0;}
.liinline-style li:last-child{ border:0px;}
.liinline-style li:nth-child(2){ border:0px;}
.white{ color: #fff;}
.liwhitecolor li{ color: #fff; border-color: #fff;}
.dying-section {
  background: url("../images/production_bg4.jpg") no-repeat scroll center center / cover;
  padding: 80px 0;
}

.dying-section .divider1 {

  color: #ffffff;
}

.dying-section .divider1:before, .dying-section .divider1:after {
  content: "";
  vertical-align: top;
  display: inline-block;
  width: 50%;
  height: 0.55em;
  border-bottom: 1px solid #ffffff;
  margin: 0 2% 0 -55%;
}

.dying-section .divider1:after {
  margin: 0 -55% 0 2%;
}

.dying-section .sec-description{
  color: #ffffff;
}

.finishing-section {
  background: url("../images/production_bg5.jpg") no-repeat scroll center center / cover;
  padding: 80px 0;
}

.printing-section {
  background: url("../images/production_bg6.jpg") no-repeat scroll center center / cover;
  padding: 80px 0;
}

.printing-section .divider1 {

  color: #ffffff;
}

.printing-section .divider1:before, .printing-section .divider1:after {
  content: "";
  vertical-align: top;
  display: inline-block;
  width: 50%;
  height: 0.55em;
  border-bottom: 1px solid #ffffff;
  margin: 0 2% 0 -55%;
}

.printing-section .divider1:after {
  margin: 0 -55% 0 2%;
}

.printing-section .sec-description{
  color: #ffffff;
}

.packing-section {
  background: url("../images/production_bg7.jpg") no-repeat scroll center center / cover;
  padding: 80px 0;
}

.inspection-section {
  background: url("../images/production_bg8.jpg") no-repeat scroll center center / cover;
  padding: 80px 0;
}

.dispatch-section {
  background: url("../images/production_bg9.jpg") no-repeat scroll center center / cover;
  padding: 80px 0;
}

.dispatch-section .divider1 {

  color: #ffffff;
}

.dispatch-section .divider1:before, .dispatch-section .divider1:after {
  content: "";
  vertical-align: top;
  display: inline-block;
  width: 50%;
  height: 0.55em;
  border-bottom: 1px solid #ffffff;
  margin: 0 2% 0 -55%;
}

.dispatch-section .divider1:after {
  margin: 0 -55% 0 2%;
}

.dispatch-section .sec-description{
  color: #ffffff;
}


/*/////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////
products page styling
////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////*/
.products-top {
  background: url("../images/products-inner_banner.jpg") no-repeat scroll center center / cover;
  min-height: 574px;
  padding: 80px 0;
}

.portfolio-overlay-h3 {
  margin-top: 130px;
  position: relative;
  opacity: 1;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  font-family: 'Hind', sans-serif;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .overlay a {
  -webkit-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
  -o-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
  transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
}

.overlay a.right-icon {
  left: auto;
  right: 50%;
  margin-left: 0;
  margin-right: -20px;
}

.overlay a {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: transparent;
  width: 40px !important;
  height: 40px !important;
  margin: -28px 0 0 -44px;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  border: 1px solid #fff;
}

.overlay a:hover,
.overlay a:focus,
.overlay a:active {
  color: #445258;
  background-color: #fff;
}
.overlay a:hover i,
.overlay a:focus i,
.overlay a:active i {
  color: #445258;
}

.overlay a.left-icon, .overlay a.right-icon, .overlay a.right-icon {
  margin-top: 1px;
}

.featured-products {
  padding: 80px 0 0 0;
  background: #fff;
}

#portfolio-filter li {
  float: left;
  position: relative;
  margin: 0;
}

/*/////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////
products inner page styling
////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////*/

.products-inner-top {
  padding: 80px 0 0 0;
  background: #fff;
}

.products-inner-list ul {
  list-style: none;
}

.products-inner-list ul li {
  display: block;
}

.products-inner-list ul li p {
  line-height: 1;
  margin-bottom: 0;
}

.products-heading {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  color: #445258;
}

/*/////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////
quality inner page styling
////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////*/
.business-section{
      padding: 0px 127px;
}
.mu-business-left {
  display: inline;
  float: left;
  width: 78%;
  margin-bottom: 45px;
}

.mu-business-right {
  display: inline;
  float: left;
  margin-top: 30px;
  width: 126%;
    margin-left: -110px;
}
.mu-business-right h2 {
    color: #425056;
    line-height: 1em;
    font-family: 'Hind', sans-serif;
    font-weight: 600;
    font-size: 35px;
}
.mu-business-right p{

    font-size: 16px !important;
    font-family: "Lato",sans-serif;
    line-height: 1.2em !important ;
}
.business-section1{
      padding: 0px 127px;
          margin-top: 20px;
}
.mu-business-left1 {
  display: inline;
  float: left;
  width: 126%;
  
}

.mu-business-right1 {
  display: inline;
  float: right;
  margin-top: 30px;
  width: 70%;
  margin-bottom: 90px;
}
.mu-business-left1 h2 {
    color: #425056;
    line-height: 1em;
    font-family: 'Hind', sans-serif;
    font-weight: 600;
    font-size: 35px;
        margin-top: 51px;
}
.mu-business-left1 p{

    font-size: 16px !important;
    font-family: "Lato",sans-serif;
    line-height: 1.2em !important ;
}
.quality-top {
  background: url("../images/pura1.png") no-repeat scroll center center / cover;
  min-height: 574px;
  padding: 80px 0;
  margin-top: 6px;
}
.production-range, .our-products, .news-events, .about-jadeed, .contact-us, .customer-profile, .production-ourprocess, .yarn-section, .fabric-section, .dying-section, .finishing-section, .printing-section, .packing-section, .inspection-section, .dispatch-section, .quality-grading, .quality-control-sec, .quality-policy{ padding: 70px 0px;}
.divider1, .divider2{ margin: 0px auto 20px !important;}
.contact-form{ margin-top: 40px;}
.quality-control-sec {
  padding: 80px 0;
}

.quality-grading {
  padding: 80px 0;
}

.quality-grading .gnrl-heading{
  color: #445258;
  font-size: 35px;
  font-weight: 800;
  text-transform: uppercase;
  font-family: 'Hind', sans-serif;
  text-align: left;
  margin:0
}

.quality-grading .sec-description{
  color: #445258;
}

.quality-policy {
  padding: 80px 0;
}

/*/////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////
career page styling
////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////*/

.career-top {
  background: url("../images/career_banner.png") no-repeat scroll center center / cover;
  min-height: 270px;
  padding: 80px 0;
  margin-top: 6px;
}

.our-positions {
  padding: 80px 0;
  background: #fff;
}

.sales-manager h2, .marchandiser h2, .printing-manager h2 {
  text-transform: uppercase;
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
}

.sales-manager ul, .marchandiser ul, .printing-manager ul {
  list-style: none;
}

.sales-manager ul li, .marchandiser ul li, .printing-manager ul li {
  display: block;
}

.sales-manager, .marchandiser, .printing-manager {
  border: 10px solid #f7f7f7;
  padding: 30px 0;
}

.career-oppnty {
  padding: 80px 0;
  background: #F2F2F2;
}

.contact-info p,
.contact-info h3 {
  margin: 0;
}

.career-oppnty .contact-box i {
  font-size: 40px;
  color: #445258;
}

.career-oppnty .contact-info h3 {
  font-size: 24px;
  font-family: "Lato", sans-serif;
  color: #445258;
  font-weight: 300;
  text-transform: uppercase;
}

.career-oppnty .contact-info p {
  font-size: 16px;
  font-family: "Lato", sans-serif;
  color: #445258;
  font-weight: 300;
  text-transform: uppercase;
}

.career-oppnty .contact-form input {
  box-shadow: none;
  border-radius: inherit;
  margin-bottom: 10px;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  height: 40px;
  border: 1px solid #e3e3e3;
}

.career-oppnty .contact-form textarea {
  box-shadow: none;
  border-radius: inherit;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  height: 90px;
  border: 1px solid #e3e3e3;
}

.career-oppnty .contact-form button {
  border-radius: inherit;
  padding: 10px 0px;
  margin:0px 15px;
  width: 200px;
  background: #0e2151 none repeat scroll 0% 0%;
  color: rgb(255, 255, 255);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "Lato", sans-serif;
  border: none;
}

/*/////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////
contact page styling
////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////*/


.contact-top {
  background: url("../images/contact.png") no-repeat scroll center center / cover;
  min-height: 574px;
  padding: 80px 0;
  margin-top: 6px;
}

.say-hello {
  padding: 80px 0;
  background: #F2F2F2;
}

.contact-info p,
.contact-info h3 {
  margin: 0;
}

.say-hello .contact-box i {
  font-size: 40px;
  color: #445258;
}

.say-hello .contact-info h3 {
  font-size: 24px;
  font-family: "Lato", sans-serif;
  color: #445258;
  font-weight: 300;
  text-transform: uppercase;
}

.say-hello .contact-info p {
  font-size: 16px;
  font-family: "Lato", sans-serif;
  color: #445258;
  font-weight: 300;
  text-transform: uppercase;
}

.say-hello .contact-form input {
  box-shadow: none;
  border-radius: inherit;
  margin-bottom: 10px;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  height: 40px;
  border: 1px solid #e3e3e3;
}

.say-hello .contact-form textarea {
  box-shadow: none;
  border-radius: inherit;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  height: 140px;
  border: 1px solid #e3e3e3;
}

.say-hello .contact-form button {
  border-radius: inherit;
  padding: 10px 80px;
  background: #0e2151 none repeat scroll 0% 0%;
  color: rgb(255, 255, 255);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "Lato", sans-serif;
  border: none;
}
#map {
    width: 100%;
    height: 500px;
}
.listyle-2{}
.listyle-2 { background: #445258 none repeat scroll 0 0;
    border-radius: 0;
    height: 48px;
    color: #ffffff;
    font-family: "Hind",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    max-width: 300px;
    cursor: pointer;
    padding: 0px 70px;
    line-height: 50px;
    margin-bottom: 10px;
}
.listyle-2{}
.listyle-2{}

.contact-map {
  /*background: url("../images/google-maps.jpg") no-repeat scroll center center / cover;
  min-height: 574px;
  padding: 80px 0;*/
}

/*/////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////
GALLERY page styling
////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////*/
.gallery-top {
  background: url("../images/media-banner.png") no-repeat scroll center center / cover;
      margin-top: 6px;
}
img.img-responsive {
    height: 332px;
}

.banner-accordian .panel {
  background: transparent;
  border: none;
}

.banner-accordian .panel-heading {
  background: #445258;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 48px;
}

.banner-accordian .panel-heading .panel-title {
  text-transform: uppercase;
  color: #FFF;
  font-family: "Hind", sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 5px;
  margin: 0;
  border: none;
  padding-left: 0;
  line-height: 1;
}

.title-lines {
  position: relative;
}

.title-lines:before {
  background: #445258;
}

.title-lines:before {
  content: "";
  display: block;
  width: 800%;
  height: 48px;
  background: #445258;
  position: absolute;
  top: 0;
  left: -800%;
  /*filter: alpha(opacity=50);*/
  opacity: 1;
  z-index: 1;
}

/*.panel-title a {
  padding: 15px;
  display: inline-block;
  width: 100%;
  outline: none;
  text-decoration: none;
}*/
.panel-title a:hover, .panel-title a:focus {
  outline: none;
  color: #ffffff;
  text-decoration: underline;
}

.panel-title a span {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.panel-title a.collapsed span {
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.accordion-img ul {
  list-style: none;
}

.accordion-img ul li {
  display: inline-block;
  margin-right: 5px;
  border: 2px solid #ffffff;
  margin-left: 0;
}

.gallery-top .gnrl-heading {
  text-align: left;
  font-size: 35px;
  font-weight: 600;
}

.banner-accordian .panel-group .panel + .panel {
  margin-top: 7px;
}

.our-events {
  padding: 80px 0;
  background: #ffffff;
}

.event-box {
  background: #f7f7f7;
  padding: 36px;
  min-height: 332px;
  
}

.event-box .event-month {
  font-size: 12px;
  font-family: "Lato", sans-serif;
  color: #445258;
  font-weight: 600;

}

.event-box h4 {
  font-size: 25px;
  font-family: "Hind", sans-serif;
  color: #0e2151;;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;

}

.event-box .event-detail {
  font-size: 16px;
  font-family: "Lato", sans-serif;
  color: #445258;
  font-weight: normal;
  margin-bottom: 23px;
}
.es-carousel-wrapper{ display: none;}
.event-box .event-icon {
  font-size: 43px !important;
  color: #445258;

}


.event-box p {
  margin-bottom: 10px;
}

.event-box p.event-month {
  margin: 20px 0;
}

.event-box p.event-icon {
  margin-bottom: 0;
  line-height: 1;
}

/*events box black*/
.event-box-black {
  background: #0e2151;;
  padding: 36px;
   min-height: 332px;
}

.event-box-black .event-month {
  font-size: 12px;
  font-family: "Lato", sans-serif;
  color: #ffffff;
  font-weight: 600;

}

.event-box-black h4 {
  font-size: 25px;
  font-family: "Hind", sans-serif;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;

}

.event-box-black .event-detail {
  font-size: 16px;
  font-family: "Lato", sans-serif;
  color: #ffffff;
  font-weight: normal;
  margin-bottom: 23px;
}

.event-box-black .event-icon {
  font-size: 43px !important;
  color: #ffffff;

}

.event-box-black p {
  margin-bottom: 10px;
}

.event-box-black p.event-month {
  margin: 20px 0;
}

.event-box-black p.event-icon {
  margin-bottom: 0;
  line-height: 1;
}
.col-md-3.col-sm-6.contact-box.phone{
  display: none;
}

section.client-logo_banner.about-client .carousel-indicators li img {
padding-top: 30px;

}
section.client-logo_banner.about-client .carousel-indicators {
    padding-bottom: 89px;
}



/*tablet media query
------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1170px) {
  .main-header .navbar-default .navbar-nav > li > a {
    margin: 40px 0;
    font-size: 14px;
  }
  .cd-container{ width: 50% !important;}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date{ display: none !important;}
.excellance-qualities .thumbnail{ min-height: 475px;}
.tparrows{ display: none;}
.production-range, .our-products, .news-events, .about-jadeed, .contact-us{ padding: 60px 0px;}
.divider1, .divider2{ font-size: 30px; margin: 0px auto 20px;}
.say-hello .col-xs-3, .contact-us .col-xs-3{ text-align: left !important; max-width: 90px;}
.excellance-qualities .owl-carousel{ padding: 0px 40px;}
.client-logo_banner .carousel-indicators li{ display: none;}
.client-logo_banner .carousel-indicators li.active{ display: block !important;}
.client-logo_banner .carousel-control {
    display: block;
}
.slide-bg3{ background-position: 65% center;}
.contact-box{ margin-bottom: 30px;}
.contact-form{ margin-top: 0px;}
.collapse { padding: 0px !important; overflow: hidden;}
.navbar-right{ margin-right: 0px !important;}

.news-events .thumbnail .thumbnail-des .ne_thumb_country p.thumb_country_detail{ font-size: 13px !important; text-align: left; }
  .rg-image img {
    max-width: 100%;
    min-height: 700px;
}
.event-box p.event-month, .event-box-black p.event-month{
    margin: 0;
}
.event-box-black h4, .event-box h4{ font-size: 20px; margin-bottom: 10px;}
.event-box-black .event-detail, .event-box .event-detail{ margin-bottom: 15px;}
.event-box-black, .event-box-black img,  .event-box, .event-box img { height: 185px; min-height: auto; padding: 14.5px; overflow: hidden;}
.our-events .img-responsive{ height: 185px; overflow: hidden;}


}




@media screen and (max-width: 1000px) {
    .excellance-qualities .thumbnail{ min-height: 400px;}
}
/*mobile media query*/
@media screen and (max-width: 767px) {
  .rg-image img {
    max-width: 100%;
    min-height: 500px;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{ display: inline-block; width: 100%;}
  nav#porfolio-nav li{ display: inline-block; width: auto !important;}
  nav#porfolio-nav a{ text-indent: 0px !important;}
  .wagwep-container ul#portfolio-filter a{ border:1px solid #ddd !important; }
  .og-fullimg{ text-align: left !important;}
  .og-details{ padding: 0px 0px !important;}
  .og-details h4{ margin-bottom: 5px;}
  .yarn-section h1, .fabric-section h1, .dying-section h1, .finishing-section h1, .printing-section h1, .packing-section h1, .inspection-section h1, .dispatch-section h1{ margin-top: 20px !important; margin-bottom: 10px !important; text-align: center;}
  .yarn-section p, .fabric-section p, .dying-section p, .finishing-section p, .printing-section p, .packing-section p, .inspection-section p, .dispatch-section p{ text-align: left;}
.yarn-sec_detail{ text-align: center !important;}
.xs-text-center{ text-align: center !important;}
.customer-profile p{ padding-right: 0px;}
.xs-text-right{ text-align: right !important;}
.xs-text-left{ text-align: left !important;}
.liinline-style li{ text-align: left; width: 100%; border: 0px; }
.gnrl-heading {  font-size: 42px !important;  margin-top: 80px; }
.customer-profile{ background: #f7f7f7; min-height: auto;}
.customer-profile .gnrl-heading{ margin-top: 0px}
.about-top, .production-top, .products-top, .quality-top, .career-top, .contact-top{ min-height: 390px;}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date{ display: none !important;}
.excellance-qualities .thumbnail{ min-height: 420px;}
.navbar-brand{ width: 150px; height: auto;   }
.customer-profile .gnrl-heading, h1, .divider1, .divider2, .quality-grading .gnrl-heading{ font-size: 25px !important; margin: 0px auto 20px; width: 100%;}
.divider1::before, .divider1::after, .divider2::before, .divider2::after{ border: 0px !important;}
.production-range, .our-products, .news-events, .about-jadeed, .contact-us, .customer-profile, .production-ourprocess, .yarn-section, .fabric-section, .dying-section, .finishing-section, .printing-section, .packing-section, .inspection-section, .dispatch-section, .featured-products, .quality-grading, .quality-control-sec, .quality-policy, .career-oppnty, .our-positions{ padding: 40px 0px !important; min-height: auto;}
.excellance-qualities{ padding: 40px 0px;}
.fabric_list ul li i{ width: 5%;}
.fabric_list ul li p{ width: 94%;}
.production-range-box span span{ display: inline-block;}
.client-logo_banner .carousel-indicators li{ display: none;}
.client-logo_banner .carousel-indicators li.active{ display: block !important;}
.client-logo_banner .carousel-control {
    display: block;
}
.production_img-circle{ margin-top: 30px;}
.yarn-section {
    background: #f2f2f2 url("../images/production_bg2_whiteoverlay.jpg") no-repeat scroll center center / cover ;}
.packing-section{background: rgba(0, 0, 0, 0) url("../images/production_bg7_whiteoverlay.jpg") no-repeat scroll center center / cover ;}
.inspection-section {
    background: rgba(0, 0, 0, 0) url("../images/production_bg8_blackoverlay.jpg") no-repeat scroll center center / cover ;}
.slide-bg3{ background-position: 65% center;}
.news-events .thumbnail .thumbnail-des .ne_thumb_country .thumb_country_detail {
    font-size: 13px!important;
}
.range-features{ padding: 0px; text-align: center;}
.excellance-qualities .owl-carousel{ padding: 0px 40px;}
.slide-bg1, .slide-bg2, .slide-bg3, .slide-bg4, .slide-bg5 { height: 200px; min-height: 200px;}
.client-logo_banner .carousel-inner > .item{ height: auto;}
.say-hello .col-xs-3, .contact-us .col-xs-3{ text-align: left !important; max-width: 90px;}
.main-header .navbar-default .navbar-nav > .active > a, .main-header .navbar-default .navbar-nav > .active > a:hover, .main-header .navbar-default .navbar-nav > .active > a:focus{ color: #fff;}

  /*navbar collapse*/
  .main-header .navbar-default .navbar-collapse {
    z-index: 9999999999999;
    position: relative;
    background: #445258;
    width: 415px !important;
  }
.tparrows{ display: none;}
.news-events .thumbnail .thumbnail-des .ne_thumb_country .thumb_country_detail{ font-size: 14px;}
  /*navbar header*/
  .main-header .navbar-header {
    height: 100px;
  }

  .main-header .navbar-default .navbar-nav > li > a {
    text-transform: uppercase;
    color: #FFF;
    font-family: "Hind", sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 20px;
    margin: 0;
    border: none;
  }

  .main-header .navbar-default .navbar-nav > li > a:hover, .main-header .navbar-default .navbar-nav > li > a:focus {
    border: none;
    background: #fff;
    color: #0276b2
  }

  .main-header .navbar-toggle {
    margin-top: 30px;
  }

  .main-header .navbar-default .navbar-toggle {
    border: 2px solid #445258;
  }

  .main-header .navbar-default .navbar-toggle .icon-bar {
    background-color: #445258;
  }

  .main-header .navbar-default .navbar-toggle:hover, .main-header .navbar-default .navbar-toggle:focus {
    background: #fff;
  }

  .overlay-text {
    width: 140px;
    height: 90px;
    position: absolute;
    left: 50%;
    margin-left: -70px;
    margin-top: -45px;
    top: 50%;
    text-align: center;
  }

  .overlay .overlay-wrap h3 {
    font-size: 10px;
  }

  .overlay .overlay-wrap p {
    font-size: 8px;
  }
  .business-section {
    padding: 0;
}
.mu-business-left {
    width: 100%;
}
.mu-business-right {
    width: 100%;
    margin-left: 0px;
    padding: 0px 29px 0px 30px;
    text-align: center;
}
.business-section1{
padding: 0;
}
.mu-business-right1 {
    display: inline;
    float: right;
    margin-top: 29px;
    width: 100%;
    margin-bottom: 24px;
}
.mu-business-left1 {
    display: inline;
    float: left;
    width: 100%;
    text-align: center;
    padding: 0px 30px 0px 30px;
}
.logo-jadeed {
    height: 60px;
}
.slide-bg1 h2{
  margin-top: 10px;
}
.slide-bg2 h2{
  margin-top: 10px;
}
.slide-bg3 h2{
  margin-top: 10px;
}
.slide-bg4 h2{
  margin-top: 10px;
}
.slide-bg5 h2{
  margin-top: 10px;
}

.slide-bg1 p >br{
  display: none;
  text-align: center;
  margin-bottom: 20px;
}
.slide-bg2 p >br{
  display: none;
  text-align: center;
}
.slide-bg3 p >br{
  display: none;
  text-align: center;
}
.slide-bg4 p >br{
  display: none;
  text-align: center;
}
.slide-bg5 p >br{
  display: none;
  text-align: center;
}

.item.partner-carousel-img {
    margin-top: 75px;
}
section.client-logo_banner.about-client .carousel-indicators {
    padding-bottom: 0px;
}
.client-logo_banner .carousel-indicators .active:after, .client-logo_banner .carousel-indicators .active:before{
  top: 14px;
}

}
@media screen and (max-width: 350px) {
.excellance-qualities .thumbnail {
    min-height: 450px;
}
}