/*--------------------------------------------------------------------- File Name: style-control.css ---------------------------------------------------------------------*/





/*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/

* {
  box-sizing: border-box !important;
  /* border: 1px solid black !important; */
}

html {
  scroll-behavior: smooth;
}

body {
  font-size: 14px;
  font-family: 'poppins', sans-serif;
  line-height: 1.80857;
  font-weight: normal;
  overflow-x: hidden;
  position: relative;
}

a {
  text-decoration: none !important;
  outline: none !important;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0;
  font-weight: normal;
  position: relative;
  padding: 0 0 10px 0;
  font-weight: normal;
  line-height: normal;
  margin: 0;
}

h1 {
  font-size: 24px
}

h2 {
  font-size: 22px
}

h3 {
  font-size: 18px
}

h4 {
  font-size: 16px
}

h5 {
  font-size: 14px
}

h6 {
  font-size: 13px
}

*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none !important;
  opacity: 1;
}

button:focus {
  outline: none;
}

ul,
li,
ol {
  margin: 0px;
  padding: 0px;
}

p {
  margin: 0px;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}

a {
  text-decoration: none;
  outline: none !important;
}

a,
.btn {
  text-decoration: none !important;
  outline: none !important;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

img {
  max-width: 100%;
  height: auto;
}

:focus {
  outline: 0;
}

.btn-custom {
  margin-top: 20px;
  padding: 12px 40px;
  font-size: 16px;
}

.lead {
  font-size: 18px;
  line-height: 30px;
  margin: 0;
  padding: 0;
}

.navbar-form input {
  border: none !important;
}

.badge {
  font-weight: 500;
}

blockquote {
  margin: 20px 0 20px;
  padding: 30px;
}

button {
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.full {
  float: left;
  width: 100%;
}

.layout_padding {
  padding-top: 90px;
  padding-bottom: 90px;
}

.layout_padding_2 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.margin_top_30 {
  margin-top: 30px !important;
}

.full {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}

.col-content {
  transition: all .3s ease-in-out;
}

/**-- heading section --**/

.main_heading {
  text-align: center;
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 50px;
}

.main_heading h2 {
  padding: 0;
  font-size: 48px;
  line-height: 60px;
  font-weight: 400;
  position: relative;
  letter-spacing: -0.5px;
  padding-left: 15px;
}

.main_heading h2 strong {
  font-weight: 600;
  padding: 0 15px;
  line-height: 68px;
}

.small_main_heading {
  margin-top: 25px;
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

.small_main_heading h2 {
  padding: 2px 0 20px 0;
  font-weight: 400;
  font-size: 28px;
  background-image: url('../images/fevicon.png');
  background-repeat: no-repeat;
  padding-left: 55px;
  letter-spacing: -0.5px;
}

.small_main_heading h2 strong {
  font-weight: 600;
}

.main_bt {
  padding: 10px 60px 10px 60px;
  float: left;
  font-size: 15px;
  font-weight: 400;
  border-radius: 0;
  margin-right: 30px;
}

a.readmore_bt {
  font-weight: 300;
  text-decoration: underline !important;
}

/**-- list icon --**/

.ul_list_info_icon ul {
  list-style: none;
}

.ul_list_info_icon ul li {
  display: inline;
  float: left;
  width: 100%;
}

.ul_list_info_icon ul li img {
  width: 75px;
}


/*---------------------------- preloader area ----------------------------*/

.loader_bg,
.loader_bg_2 {
  position: fixed;
  z-index: 9999999;
  width: 100%;
  height: 100%;
}

.loader {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader img {
  width: 100px;
}

.loader_bg_2 .loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
}

.loader_bg_2 .loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* :not(:required) hides these rules from IE9 and below */
.loader_bg_2 .loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  text-shadow: none;
  border: 0;
}

.loader_bg_2 .loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}



/*---------------------------- scroll to top area ----------------------------*/

.scrollup {
  float: right;
  position: absolute;
  right: 20px;
  padding: 0px 5px;
  text-transform: uppercase;
  font-weight: 600;
  position: fixed;
  bottom: 20px;
  z-index: 99;
  text-align: center;
  cursor: pointer;
  border-radius: 0px;
  opacity: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transition: .2s all ease;
  -moz-transition: .2s all ease;
  -o-transition: .2s all ease;
  -webkit-transition: .2s all ease;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  line-height: 48px;
  font-size: 16px;
}

.scrollup.b-show_scrollBut {
  opacity: 1;
  visibility: visible;
}

.top_awro {
  cursor: pointer;
  padding: 6px 8px;
  position: fixed;
  bottom: 59px;
  right: 20px;
  display: none;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  transition: all 0.5s ease;
}

.margin_top_50 {
  margin-top: 50px;
}

.margin_bottom_30_all {
  margin-bottom: 30px;
}

.text_align_center {
  text-align: center;
}


/*--------------------------------------------------------------------- header area ---------------------------------------------------------------------*/

.logo_section {
  text-align: center;
}

.logo {
  display: inline-block;
  vertical-align: middle;
}

.logo img {
  margin-right: 10px;
}

.center-desk {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.logo p {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
}

.logo span {
  display: block;
}

.logo .brand-name {
  text-transform: uppercase;
  font-size: 16px;
}

.logo .large-brand-name {
  text-transform: uppercase;
  font-size: 16px;
}

.logo .brand-tagline {
  margin-top: 5px;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 400;
}

nav.main-menu {
  float: right;
  margin-left: 0;
  list-style: none;
}

.right_cart_section {
  float: right;
  width: auto;
}

li.has-sub {
  position: relative;
}

@media screen and (min-width:1200px) {

  .featured-section .slide-option .fs-img-container {
      transition: all .3s ease-in-out;
      overflow: hidden;
  }

  .featured-section .slide-option .fs-img-container img {
      transition: all 0.6s ease-in-out;
  }

  .featured-section .slide-option .fs-img-container:hover img {
      transform: scale(1.25, 1.25);
      transition: all 0.6s ease-in-out;
  }

  li.has-sub>a::after {
      font-family: 'FontAwesome';
      content: "\f107";
      margin-left: 5px;
  }

  li.sub2>a::after {
      font-family: 'FontAwesome';
      content: "\f105";
      margin-right: 10px;
      float: right;
  }

  li.sub3>a::before {
      font-family: 'FontAwesome';
      content: "\f104";
      margin-left: 10px;
      float: left;
  }

}

.right_cart_section ul {
  float: left;
  min-height: auto;
  margin: 0;
  padding: 12px 0 0;
}

.right_cart_section .cart_icons {
  padding: 18px 0 0;
}

.main-menu ul>li nth:child(5) a {
  padding-right: 0px;
}

.right_cart_section ul li {
  float: left;
  font-size: 17px;
  font-weight: 400;
  margin-right: 30px;
}

.right_cart_section ul.cart_update li {
  font-size: 13px;
  line-height: normal;
  margin: 0;
  font-weight: 300;
}

.right_cart_section ul.cart_update li span {
  font-size: 18px;
  font-weight: 300;
  line-height: 21px;
}

.right_cart_section ul li i {
  margin-right: 10px;
  margin-top: 5px;
  float: left;
  font-size: 21px;
}

/*-- end header middle --*/
.top-bar-info {
  padding: 5px 0px;
}

.top-menu-left {
  float: left;
}

.top-menu-left li {
  position: relative;
  display: inline-block;
  margin-right: 11px;
  padding-right: 12px;
}

.top-menu-left li::before {
  content: '';
  position: absolute;
  right: 0;
  top: 9px;
  height: 10px;
}

.top-menu-left li:last-child::before {
  display: none;
}

.top-menu-left li:last-child {
  padding: 0px;
  margin: 0px;
}

.top-menu-left li a {
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
}

.right-dropdown-language {
  float: right;
  margin-left: 12px;
}

.dropdown-bar .dropdown-link {
  position: absolute;
  z-index: 1009;
  top: 40px;
  left: 0;
  right: auto;
  min-width: 50px;
  padding: 15px;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: opacity 0.2s ease 0s, visibility 0.2s linear 0s;
  -o-transition: opacity 0.2s ease 0s, visibility 0.2s linear 0s;
  transition: opacity 0.2s ease 0s, visibility 0.2s linear 0s;
  text-align: left;
}

.dropdown-bar:hover .dropdown-link {
  opacity: 1;
  visibility: visible;
  top: 25px;
}

.dropdown-bar.right-dropdown-language>a::after {
  font-family: 'FontAwesome';
  content: "\f107";
  text-decoration: none;
  padding-left: 4px;
}

.right-dropdown-language>a {
  line-height: 10px;
  padding: 5px 5px;
  cursor: pointer;
}

.dropdown-bar .dropdown-link li a {
  display: block;
  font-size: 12px;
  line-height: 15px;
  padding: 5px 0;
}


.dropdown-bar .dropdown-link li a img {
  margin-right: 7px;
}

.dropdown-bar .dropdown-link li.active {
  font-weight: bold;
}

.right-dropdown-language .dropdown-link {
  min-width: 100px;
  padding: 7px 10px;
}

.dropdown-bar {
  position: relative;
  padding: 0 5px;
  font-size: 13px;
}

.dropdown-bar .dropdown-link.right-sd {
  left: auto;
  right: 0;
}

.right-dropdown-currency {
  float: right;
  margin-left: 12px;
}

.dropdown-bar.right-dropdown-currency>a::after {
  font-family: 'FontAwesome';
  content: "\f107";
  text-decoration: none;
  padding-left: 4px;
}

.right-dropdown-currency>a {
  line-height: 10px;
  padding: 5px 5px;
  cursor: pointer;
}

.right-dropdown-currency .dropdown-link {
  min-width: 100px;
  padding: 7px 10px;
}

.right-dropdown-currency .dropdown-link {
  min-width: 55px;
  padding: 7px 10px;
}

.right-dropdown-currency .dropdown-link li a span.symbol {
  margin-right: 7px;
}

#login-modal .modal-content {
  border-radius: 0px;
}

#login-modal .modal-content .modal-header {
  border-radius: 0;
}

#login-modal .modal-content .modal-body .form-group input {
  border-radius: 0px;
}

#login-modal .modal-content form {
  margin-bottom: 10px;
}

.modal-title {
  padding: 0px;
  font-size: 18px;
  text-transform: uppercase;
}

.btn-template-outlined {
  border: none;
  border-radius: 0px;
}

.btn-template-outlined i {
  padding-right: 10px;
}

.text-muted {
  padding: 10px 0px;
}

.slogan-line {
  float: right;
  font-size: 13px;
}

.middle-area {
  padding: 30px 0px;
}

.header-search {
  padding: 3px 0px;
}

.header-search form {
  position: relative;
  -webkit-box-shadow: 0px 1px 10px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 10px -1px rgba(0, 0, 0, 0.2);
}

.header-search .btn-group.bootstrap-select {
  position: absolute;
  left: 0px;
  top: 0px;
}

.header-search input {
  width: 100%;
  min-height: 45px;
  border-radius: 0px;
  border: none;
  padding-left: 15px;
}

.header-search form .search-btn {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  font-size: 20px;
  padding: 4px 15px;
  border-radius: 0px;
  cursor: pointer;
}

.cart-box {
  float: right;
  margin-left: 10px;
  position: relative;
}

.cart-content-box {
  position: absolute;
  z-index: 1009;
  top: 40px;
  left: auto;
  right: 0;
  min-width: 250px;
  max-width: 250px;
  padding: 15px;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  text-align: left;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.cart-box:hover .cart-content-box {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.inner-cart {
  border-radius: 2px;
  padding: 0px;
  position: relative;
  width: 40px;
  height: 40px;
  text-align: center;
}

.line-cart {
  float: left;
  line-height: 40px;
  margin-right: 9px;
}

.cart-box a {
  display: inline-block;
}

.cart-box a span.icon {
  width: 30px;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  position: relative;
  border-radius: 2px;
}

.cart-box a .p-up {
  position: absolute;
  right: -8px;
  top: -8px;
  line-height: initial;
  padding: 3px;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  font-size: 12px;
  text-align: center;
  line-height: 10px;
}

.wish-box {
  float: right;
}

.wish-box a {
  display: inline-block;
}

.wish-box a span.icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  position: relative;
  border-radius: 2px;
}

.cart-content-right {
  padding: 5px 0px;
}

.cart-content-box .items {
  text-align: center;
}

.product-media {
  width: 60px;
  float: left;
  position: relative;
}

.cart-content-box .items:hover .product-media::before {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.product-media::before {
  position: absolute;
  content: '';
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.cart-content-box .items .item .remove {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  line-height: 18px;
  border-radius: 2px;
}

.cart-content-box .items .item {
  margin-bottom: 10px;
  padding-bottom: 10px;
  position: relative;
}

.cart-content-box .items .item .product-info {
  padding-top: 10px;
  padding-left: 71px;
  text-align: left;
}

.subtotal {
  text-align: left;
  text-transform: capitalize;
  font-weight: 500;
  margin-bottom: 15px;
}

.subtotal span {
  font-weight: bold;
  padding-left: 15px;
  float: right;
}

.actions .btn-process {
  padding: 5px 16px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  border-radius: 2px;
  overflow: hidden;
}

.line-cart {
  position: relative;
}

.wish-box a span.icon span {
  position: absolute;
  right: -8px;
  top: -8px;
  line-height: initial;
  padding: 3px;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  font-size: 12px;
}

.main-menu {
  text-align: center;
}

.main-menu ul {
  margin: 0;
  list-style-type: none;
}

.main-menu ul>li {
  display: inline-block;
  position: relative;
}

.main-menu ul>li a {
  padding: 21px 10px;
  line-height: 20px;
  font-size: 16px;
  display: block;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
}

.main-menu ul li:last-child a {
  padding-right: 0;
}

.main-menu ul>li .sub-down li a {
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 300;
  padding: 12px 10px;
  position: relative;
}

.main-menu ul li:first-child {
  margin-left: 0;
}

.main-menu ul>li>ul {
  padding-left: 0px;
  opacity: 0;
  position: absolute;
  text-align: left;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 230px;
  z-index: 999;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.main-menu>ul>li:hover>ul {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
  opacity: 1;
}

.main-menu ul>li>ul>li {
  margin: 0px;
  position: relative;
  display: block;
  padding: 2px;
}

.sub-mid {
  left: 100%;
}

.main-menu ul>li>ul>li>ul {
  top: 0;
}

.main-menu ul>li>ul>li:hover>ul {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
  opacity: 1;
}

.sub-end {
  left: 100%;
}

.edge {
  left: auto;
  right: 100%;
}

.mean-container .mean-nav {
  margin-top: 0px;
  position: absolute;
  top: 100%;
}

.main-menu ul>li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.main-menu ul>li:nth-child(6) {
  padding-right: 0px;
}

.nav>li {
  position: inherit;
  display: inline-block;
  vertical-align: middle;
}

.megamenu .sub-down {
  max-width: 1140px;
  width: 100%;
  left: 0;
  margin: 0 auto;
  right: 0;
  padding: 15px 0px;
}

.simple-down {
  padding: 15px;
}

.megamenu-categories {
  padding: 10px 0px;
}

.sub-full.megamenu-categories li {
  display: block;
}

.megamenu .sub-full.megamenu-categories ol li a {
  padding: 5px 0px;
  font-size: 15px !important;
  font-weight: 500;
}

.sub-full.megamenu-categories ol li .category-title {
  padding: 15px 0px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.sub-full.megamenu-categories ol li .category-box a {
  padding: 5px 0px;
}

.menu-add {
  padding: 30px 15px;
}

.menu-add img {
  width: 100%;
}

.main-w img {
  width: 100%;
}

/*--------------------------------------------------------------------- top banner area ---------------------------------------------------------------------*/

/*--------------------------------------------------------------------- layout new css ---------------------------------------------------------------------*/
ul.email_call {
  padding-top: 12px;
  padding-left:1.5rem;
}

ul.email_call li {
  display: inline-block;
}

ul.email_call li a, ul.email_call li span {
  font-size: 14px;
  padding-right: 20px;
  cursor:pointer;
}

ul.email_call li a i, ul.email_call li span i {
  padding-right: 10px;
}

ul.social_icon {
  margin-bottom: 0;
  display: inline-block;
  float: right;
  padding-top: 12px;
  padding-bottom: 12px;
}

ul.social_icon li {
  display: inline-block;
  margin: 0 4px;
  cursor:pointer;
}

ul.header-social-icon li span:hover {
  transition: all .3s ease-in-out;
}

ul.social_icon li a, ul.header-social-icon li span {
  width: 28px;
  height: 28px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 105px;
  font-size: 17px;
}

#header_app_opts {
  list-style-type: none;
  display: inline-block;

}

#header_app_opts li {
  display: inline-block;
  margin: 12px 5px 0px 5px;
}

#header_app_opts li a {
  text-decoration: none;
  text-align: center;
  font-size: 12px;
  padding: 8px;
  border-radius: 5px;
  font-family: 'Poppins', sans-serif;
}

.bn-slide {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.banner-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  margin-left: 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

.banner-content .banner_content_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#logo-nav-container {
  z-index: 1010;
}

.header {
  position: relative;
  z-index: 999;
  width: 100%;
  padding: 15px 40px;
}

.logo a {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 20px;
}

.banner_Client {
  position: relative;
}

.text-bg {
  text-align: left;
}

.text-bg p.maintitle {
  font-weight: bold;
  font-size: 45px;
  line-height: 45px;
  font-family: "Poppins", sans-serif;
  padding: 15px 0px 15px 35px;
  text-transform: uppercase;
}

.text-bg p.subtitle {
  padding-top: 30px;
  padding-left: 35px;
  font-size: 25px;
  line-height: 30px;
  padding-bottom: 15px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
}

.text-bg p.tagline {
  font-size: 15px;
  padding-left: 35px;
}

.text-bg a {
  text-align: center;
  margin-top: 20px;
  font-size: 14px;
  padding: 10px 0px;
  width: 100%;
  max-width: 190px;
  border-radius: 15px;
  float: left;
  display: inline-block;
}

.text {
  position: inherit;
  text-align: left;
  width: 100%;
  bottom: auto;
  padding: 0;
  margin-top: 90px
}

.slider_section {
  z-index: auto;
}

.banner_main .carousel-caption {
  position: inherit;
}

.carousel-indicators {
  right: inherit;
  top: 60%;
  display: block;
  margin-left: 4%;
}

.carousel-indicators li {
  width: 18px;
  height: 18px;
  border-radius: 20px;
  margin: 5px 0px;
}

#banner_slider .carousel-control-prev,
#banner_slider .carousel-control-next {
  background: transparent;
  opacity: 1;
  width: 10%;
}

@media screen and (min-width:787px) {

  #banner_slider .carousel-control-prev i,
  #banner_slider .carousel-control-next i {
      font-size: 50px;
  }
}

@media screen and (max-width: 786px) {

  #banner_slider .carousel-control-prev {
      left: 10px;
  }

  #banner_slider .carousel-control-next {
      right: 10px;
  }

  #banner_slider .carousel-control-prev i,
  #banner_slider .carousel-control-next i {
      font-size: 35px;
  }
}

.service-title-section {
  text-align: center;
  padding-top: 50px;
}

.service-title-section h2,
.service-title-section h1 {
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
  padding-bottom: 6px;
  font-size: 35px;
  margin-bottom: 20px;
  line-height: 55px;
}

.service-title-section h2::after,
.service-title-section h1::after {
  display: block;
  content: "";
  width: 50px;
  height: 4px;
  margin: 10px auto;
}

#product-info-container div.service-title-section h1 {
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 6px;
  font-size: 25px;
  margin-bottom: 20px;
  line-height: 35px;
}

#product-info-container ul,
#product-info-container ol {
  margin-left: 20px;
}

.its_section_inner .col-content div {
  overflow-x: auto;
}

#product-info-container table,
#product-info-container table *,
.its_section_inner table,
.its_section_inner table * {
  border: 0;
}

#product-info-container div.service-title-section h1::after {
  display: block;
  content: "";
  width: 50px;
  height: 4px;
  margin: 10px auto;
}

.three_box {
  text-align: center;
  padding: 0px 30px 30px 30px;
}

.padd_ri {
  padding-right: 0;
  padding-left: 7px;
}

.padding_l {
  padding-left: 5px;
  padding-right: 5px;
}

.padd_rile {
  padding-right: 7px;
  padding-left: 0;
}

.three_box span {
  border-radius: 48px;
  width: 70px;
  height: 70px;
  font-size: 25px;
  display: inline-block;
  padding-top: 12px;
  margin-top: -25px;
  text-align: center;
}

.three_box h3 {
  font-size: 30px;
  line-height: 25px;
  font-weight: 500;
  padding: 30px 0 20px 0;
}

.three_box p {
  font-size: 17px;
  line-height: 35px;
}

/** end three box **/

/* Common properties */

.featured-section .slide-option {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 30px;
  margin: 0px 15px;
  position: relative;
  padding: 50px 20px;
}

.featured-section .slide-option span {
  position: absolute;
  top: 0;
  right: 0;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 30px;
  padding: 10px 15px;
}

.featured-section .slide-option h3 {
  font-size: 22px;
  margin-top: 20px;
  text-align: center;
}

.featured-section .slide-option p {
  margin-bottom: 50px;
  font-size: 16px;
  margin-top: 20px;
}

.featured-section .slide-option .product-attachment-container {
  position: absolute;
  width: 90%;
  bottom: 30px;
  text-align: right;
}

.featured-section .slide-option .view-detail-btn a {
  padding: 5px 7px;
  border-radius: 3px;
}

.featured-section .slide-option .view-detail-btn {
  margin-top: auto;
}

/* categories section */
.category-section-option .col-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-left: 30px;
  margin-right: 30px;
  border-radius: 25px;
}

.category-section-option h3 {
  font-size: 22px;
  text-align: center;
  margin-top: 20px;
}

.category-section-option h3::after {
  display: block;
  content: "";
  width: 25px;
  height: 4px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.category-section-option p {
  font-size: 16px;
  text-align: left;
  margin-left: 20px;
  margin-right: 20px;
}

.category-section-option .cs-know-more-btn {
  text-align: right;
  margin: auto 20px 20px 0px;
}

.category-section-option .cs-know-more-btn a {
  padding: 5px 7px;
  border-radius: 3px;
}

.category-section-option .cs-img-container {
  position: relative;
  margin: 50px auto 0px auto;
  padding: 0;
  width: 180px;
  height: 180px;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
  text-align: center;
}

.category-section-option .cs-img-container img {
  position: absolute;
  top: 0;
  left: -40px;
  width: 250px;
  max-width: 200% !important;
}

/* categories section */

/* item sections properties */
#product-line-options-container-2 h3 {
  font-size: 22px;
  font-weight: bold;
}

#product-line-options-container-2 h3::after {
  display: block;
  content: "";
  width: 25px;
  height: 4px;
  margin: 10px 0px;
}

#product-line-options-container-2 .po-img-container {
  border-radius: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 30px;
  margin-right: 30px;
}

.item-section-options-container {
  padding: 30px 0;
}

.item-section-options-container .item-option div.kn_btn a,
#product-line-options-container-2 .product-option div.kn_btn a {
  padding: 5px 7px;
  border-radius: 5px;
}

.item-section-options-container .item-option .item-img-container {
  position: static;
  /* height: 250px; Removed By Amit */
  width: 250px;
  margin-top: 25px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 25px;
  overflow: hidden;
}

.item-section-options-container .item-option {
  margin: 20px 0px;
  position: static;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.item-section-options-container .item-option .col-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0px 20px !important;
  border-radius: 25px;
}

.item-option h3 {
  font-size: 22px;
  text-align: center;
  margin-top: 20px;
}

.item-option h3::after {
  display: block;
  content: "";
  width: 25px;
  height: 4px;
  margin: 10px auto;
}

.item-option p {
  text-align: left;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 16px;
}

.item-option .kn_btn {
  text-align: right;
  margin: auto 20px 20px 0px;
}

/* item sections properties */

/* Common properties */


/* product tabs container properties */
#product-tab-container-2 ul.nav-pills {
  padding: 10px 0 10px 10px;
  border-radius: 5px;
}

#product-tab-container-2 .tab-pane ul {
  margin-left: 20px;
}

/* product tabs container properties */

#latest-news-section .owl-nav {
  height: 100%;
  top: 0;
}

.our-clients-slider .owl-nav {
  top: 20%;
}

/* Owl carousel navigators styling */
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  height: 100%;
}

.owl-theme .owl-nav [class*=owl-] {
  display: flex;
  outline: none;
}

.owl-carousel .owl-prev {
  left: 0;
}

.owl-carousel .owl-next {
  right: 0;
}

.owl-prev span,
.owl-next span {
  font-size: 30px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}

/* Owl carousel custom properties */


/* specialities_section properties */
.speciality_option .col-content {
  position: relative;
  box-shadow: #2226261f 0px 2px 3px;
  padding: 20px;
}

.speciality_option .col-content div {
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.speciality_option .col-content div a {
  padding: 5px 7px;
  border-radius: 3px;
}

/* specialities_section properties */


/* team_section properties */
#team_members_container .team_members_option {
  margin-top: 40px;
  margin-bottom: 40px;
}

#team_members_container .team_members_option .col-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 25px;
  position: relative;
}

.team_members_option .team-member-img-container {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin-top: -60px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

.team_members_option .team-member-img-container img {
  width: 100%;
}

.team_members_option h3 {
  text-align: center;
  margin-top: 20px;
}

.team_members_option h3::after {
  display: block;
  margin: 10px auto;
  width: 25px;
  height: 4px;
  content: "";
}

.team_members_option .read-bio-btn-cntr {
  margin-bottom: 45px;
  margin-top: 20px;
}

.team_members_option .read-bio-btn-cntr button {
  border-radius: 5px;
  padding: 7px 12px;
}

.team_members_option div.team-social-link-cntr {
  margin-top: auto;
  margin-bottom: 30px;
}

.team_members_option div.team-social-link-cntr a {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 5px;
  margin: 0 5px;
}

.team_members_option .modal-content {
  border-radius: 35px;
}

.team_members_option .team-member-bio-img-container {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

.team_members_option .team-member-bio-img-container img {
  width: 100%;
}

.team_members_option .modal-content div p {
  margin: 20px 50px;
  font-family: 'Roboto';
  font-size: 16px;
  text-align: center;
}

.team_members_option .modal-content button {
  margin: 15px 15px;
  text-align: right;
}

/* team_section properties */

/* Home Enquiry Form Start */
#enquireModal .input-group {
  margin-top: 15px;
  margin-bottom: 15px;
}


#enquireModal .input-group-btn {
  width: 35px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#enquireModal br {
  display: none;
}

#enquireModal button {
  outline: none;
}

#enquireModal .contactimpwrapper {
  display: none !important;
}

#enquireModal input[type="submit"] {
  border: 0;
  border-radius: 25px;
  display: block;
  margin: 20px auto 0px auto;
  padding: 5px 15px;
  outline: none;
}

/* Home Enquiry Form Ends */

.featured-services-slider .owl-prev span,
.featured-services-slider .owl-next span {
  font-size: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 10px;
}

/** about us section **/
#about-us-section {
  padding: 50px 0;
}

#about-us-heading-section p {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

#home_about_video_2,
#home_about_video {
  width: 100%;
}

.wellcome .wellcome-box figure {
  margin: 0;
}

.wellcome .wellcome-box figure img {
  width: 100%;
}

.wellcome .wellcome-box {
  padding: 20px;
}

.read_more {
  font-size: 16px;
  padding: 10px 0px;
  width: 100%;
  max-width: 190px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 50px;
}

/** about section **/

/* certifications_slider properties */

#certifications_slider .owl-nav {
  bottom: 0;
  top: auto;
  justify-content: center;
}

#certifications_slider .owl-prev,
#certifications_slider .owl-next {
  margin: 0 20px !important;
}

/* certifications_slider properties */

/* affiliations_slider properties */

#affiliations_slider .owl-nav {
  bottom: 0;
  top: auto;
  justify-content: center;
}

#affiliations_slider .owl-prev,
#affiliations_slider .owl-next {
  /* margin: 0 20px !important; Removed By Amit */
}

/* affiliations_slider properties */

/* direct you section properties */

.dy-option p {
  font-size: 16px;
  text-transform: capitalize;
}

#dy-tagline-container p {
  text-transform: capitalize;
}

.dy-option a {
  display: inline-block;
}

.dy-option a i {
  font-size: 40px;
}

.dy-option img {
  height: 40px;
}

.dy-icon-cont a {
  vertical-align: middle;
  display: inline-block;
  width: 35px;
  height: 35px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}

/* direct you section properties */

/* newsletter section properties */
#newsletter form {
  padding-bottom: 100px;
}

#newsletter input[type="email"] {
  border-radius: 25px;
  width: 300px;
  padding: 8px 10px;
  margin-bottom: 10px
}

#newsletter input[type="submit"] {
  border: 0px;
  border-radius: 25px;
  padding: 8px 15px;
  margin-bottom: 10px;
}

/* newsletter section properties */

/** review section **/
.review {
  padding-top: 0px;
  padding-bottom: 90px;
}

.review .titlepage {
  padding-bottom: 15px;
}

.review .titlepage h2 {
  font-weight: bold;
  text-align: center;
}

.review .titlepage h2::after {
  position: absolute;
  content: "";
  width: 100px;
  bottom: -10px;
  left: 0;
  height: 12px;
  right: 0px;
  margin: 0 auto;
}

.banner-main2 .carousel-caption {
  position: inherit;
}

.banner-main2 .carousel-caption i img {
  display: none;
  margin: 0 auto;
  margin-top: -25px;
}

.banner-main2 .carousel-caption span {
  font-size: 18px;
  line-height: 32px;
  padding: 20px 0;
  text-transform: uppercase;
  display: block;
  margin-left: 10%;
  margin-right: 10%;
}

.banner-main2 .carousel-caption span::after {
  display: block;
  content: "";
  width: 35px;
  height: 4px;
  margin: 10px auto;
}

.banner-main2 .carousel-caption p {
  font-size: 17px;
  line-height: 30px;
  padding-bottom: 25px;
}

.banner-main2 .carousel-caption a {
  font-size: 17px;
  transition: ease-in all 0.5s;
  max-width: 200px;
  width: 100%;
  height: 50px;
  text-transform: uppercase;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.banner-main2 .carousel-caption a:hover {
  transition: ease-in all 0.5s;
}

.carousel-item {
  text-align: center;
}

.carousel-control-prev {
  left: inherit;
}

#testimonial_slider .carousel-control-prev,
#testimonial_slider .carousel-control-next {
  width: 65px;
  height: 65px;
  opacity: 1;
  font-size: 30px;
  border-radius: 41px;
}

#testimonial_slider button.carousel-control-prev {
  position: absolute;
  top: 36%;
  margin-left: -8%;
}

#testimonial_slider button.carousel-control-next {
  position: absolute;
  top: 36%;
  margin-right: -8%;
}

.read-more {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/** end review section **/

/* Our clients section properties */
.our-clients-option p {
  font-size: 16px;
  margin-top: 20px;
}

/* Our clients section properties */


/* latest news section properties */
.latest-news-option h3 {
  font-size: 20px;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 20px;
  padding: 10px;
  margin-right: 40px;
  margin-left: 40px;
}

.latest-news-option p {
  text-align: center;
  margin: 0 80px;
}

/* latest news section properties */

.events-img-anchor h2 {
  font-size: 18px;
  font-weight: normal;
  margin: 20px 0px;
}

/* Gallery section properties */
#gallery-section div.col-content img {
  border-radius: 25px;
}

.gs-img-option-container p {
  font-size: 14px;
  margin-top: 10px;
  text-align: center;
}

.gs-img-option-container img {
  padding: 10px;
}

/* Gallery section properties */

#vs-heading-container h2 {
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 6px;
  font-size: 45px;
  margin-bottom: 20px;
  line-height: 55px;
  text-align: center;
}

#vs-heading-container h2::after {
  display: block;
  content: "";
  width: 50px;
  height: 4px;
  margin: 10px auto;
}

.vs-video-option-container p {
  font-size: 16px;
  margin-top: 20px;
  text-align: center;
}

.vs-video-option-container a {
  position: relative;
}

.vs-video-option-container {
  text-align: center;
  padding: 10px;
}

.vs-video-option-container i {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

img.vs-video-option {
  width: 90%;
}

.view-more-btn {
  border-radius: 5px;
  text-transform: capitalize;
}

/* Video section properties */

/** contact section **/
#map {
  height: 100%;
  min-height: 670px;
}

.white {
  font-size: 50px;
  font-weight: 500;
}

.titlepage h2 {
  padding: 0px 0px 6px 0px;
  text-transform: capitalize;
  line-height: 55px;
  font-size: 45px;
  margin-bottom: 20px;
}

.contact {
  overflow: hidden;
}

.contact .contact .titlepage {
  float: right;
  width: 100%;
  max-width: 527px;
}

.contact .contact .titlepage h2:after {
  position: absolute;
  content: "";
  width: 35px;
  bottom: 0px;
  left: 0;
  height: 4px;
}

.contact-option i {
  font-size: 24px;
}

.contact .contact {
  width: 100%;
  height: 100%;
  padding: 90px 30px 50px 0px;
}

.request {
  float: right;
  width: 100%;
  max-width: 527px;
}

.contact .contact .contactus {
  border-right: 0;
  border-top: 0;
  border-left: 0;
  margin-bottom: 40px;
  border-radius: inherit;
  width: 100%;
  height: 42px;
  font-size: 16px;
}

.contact .contact .textarea {
  margin-bottom: 40px;
  width: 100%;
  border-radius: inherit;
  border-right: 0;
  border-top: 0;
  border-left: 0;
}

.contact .contact .send {
  font-size: 17px;
  transition: ease-in all 0.5s;
  max-width: 200px;
  width: 100%;
  height: 50px;
  text-transform: uppercase;
  border-radius: 10px;
}

.contact .contact .send:hover {
  transition: ease-in all 0.5s;
}

#request *::placeholder {
  opacity: 1;
}

#cn-imp-link-container {
  padding-left: 0;
}

#cn-imp-link-container p {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 16px;
}

#cn-imp-link-container li {
  list-style: none;
}

#cn-imp-link-container a {
  display: block;
  font-size: 16px;
}

#cn-cmp-info-container a {
  margin-top: 10px;
  margin-bottom: 5px;
  display: block;
  font-size: 12px;
}

#cn-cmp-info-container i {
  font-size: 18px;
  display: inline-block;
  width: 25px;
}

#cn-imp-link-container a {
  display: block;
  cursor: pointer;
  margin: 5px 0;
  text-transform: capitalize;
}


/** end contact section **/

/** footer **/
.footer {
  padding-top: 50px;
}

.follow {
  text-align: center;
}

.follow h3 {
  font-size: 31px;
  font-weight: 500;
  line-height: 30px;
  padding-bottom: 25px;
}

.follow h3::after {
  display: block;
  content: "";
  width: 35px;
  height: 4px;
  margin: 10px auto;
}

.follow ul li {
  display: inline-block;
  margin: 0 4px;
}

.follow ul.ft_social {
  padding-left: 0;
}

.follow ul.ft_social li a {
  width: 35px;
  height: 35px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 105px;
  font-size: 27px;
}

.follow ul.ft_app {
  padding-left: 0;
}

.follow ul.ft_app li {
  margin: 0 10px;
}

.follow ul.ft_app li a {
  text-align: left;
  font-size: 15px;
  border-radius: 44px;
  display: block;
  width: 225px;
}

.follow ul.ft_app li a i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 25px;
  margin: 0 0 0 15px;
  vertical-align: middle;
  float: left;
}

.follow ul.ft_app li a p {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  text-align: left;
  margin-bottom: 0px;
  padding: 0px 20px 0 10px;
}

.follow ul.ft_app li a p span {
  font-weight: bold;
}

.copyright {
  padding: 15px 0px;
  margin-top: 50px;
}

.copyright p {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  padding-top: 20px;
}

/** end footer **/

/* Special properties for owl carousel */
.owl-carousel .owl-stage {
  display: flex;
}

.owl-carousel .items {
  display: flex;
  height: 100%;
}

.owl-carousel .product-option {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* Special properties for owl carousel */

/* responsive css styelsheet styles */
/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/


/*------------------------------------------------------------------- 991px x 768px ---------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-menu ul>li a {
      padding: 20px 20px 20px;
  }

  .header-search {
      padding: 15px 0px;
  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .item-section-options-container .item-option .item-img-container {
      width: 200px;
      /* height: 200px; Removed by Amit */
  }
}

@media only screen and (min-width: 992px) {
  .banner-content {
      width: 50%;
  }

  .banner-content .banner_content_inner {
      padding-left: 20%;
      width: 100%;
      padding-left: 20%;
      padding-top: 5%;
      padding-bottom: 2%;
      padding-right: 2%;
  }
}


/*------------------------------------------------------------------- 767px x 599px ---------------------------------------------------------------------*/

@media only screen and (min-width: 599px) and (max-width: 767px) {
  .logo {
      text-align: center;
  }

  .cart-content-right {
      padding-bottom: 5px;
  }

  .mg {
      margin: 0px 0px;
  }

  .menu-area-main {
      height: 256px;
      overflow-y: auto;
  }

  .megamenu>.row [class*="col-"] {
      padding: 0px;
  }

  .menu-area-main .megamenu .men-cat {
      padding: 0px 15px;
  }

  .menu-area-main .megamenu .women-cat {
      padding: 0px 15px;
  }

  .menu-area-main .megamenu .el-cat {
      padding: 0px 15px;
  }

  .mean-container .mean-nav ul li a.mean-expand {
      height: 19px;
  }

  .category-box.women-box {
      display: none;
  }

  .cart-box {
      display: inline-block;
      margin: 0px 30px;
  }

  .wish-box {
      float: none;
      margin: 0px 30px;
      display: inline-block;
  }

  .menu-add {
      display: none;
  }

  .category-box {
      display: none;
  }

  .mean-container .mean-nav ul li ol {
      padding: 0px;
  }

  .mean-container .mean-nav ul li a {
      padding: 10px 20px;
      width: 94.8%;
  }

  .mean-container .mean-nav ul li li a {
      width: 92%;
      padding: 1em 4%;
  }

  .mean-container .mean-nav ul li li li a {
      width: 100%;
  }

  .header-search {
      padding: 15px 0px;
  }

  #collapseFilter.d-md-block {
      padding: 30px 0px;
  }

  #ft-slider-container .rotator-image-container {
      height: 200px;
  }

  #ft-slider-container .product-option p {
      padding: 0 20px;
      text-align: center;
  }
}


/*------------------------------------------------------------------- 599px x 280px ---------------------------------------------------------------------*/

@media only screen and (min-width: 280px) and (max-width: 599px) {
  .cart-content-right {
      padding-bottom: 5px;
  }

  .megamenu>.row [class*="col-"] {
      padding: 0px;
  }

  .menu-area-main .megamenu .men-cat {
      padding: 0px 15px;
  }

  .menu-area-main .megamenu .women-cat {
      padding: 0px 15px;
  }

  .menu-area-main .megamenu .el-cat {
      padding: 0px 15px;
  }

  .mean-container .mean-nav ul li a {
      padding: 1em 4%;
      width: 92%;
      margin-left: 10px;
  }

  .mean-container .mean-nav ul li li a {
      width: 90%;
      padding: 1em 7%;
  }

  .mean-container .sub-full.megamenu-categories ol li a {
      padding: 5px 0px;
      text-transform: capitalize;
      width: 100%;
  }

  .megamenu .sub-full.megamenu-categories .women-box .banner-up-text a {
      width: auto;
      border: none;
      float: none;
  }

  .mean-container .mean-nav ul li a.mean-expand {
      top: 0;
  }

  #ft-slider-container .rotator-image-container {
      height: 200px;
  }

  #ft-slider-container .product-option p {
      padding: 0 20px;
      text-align: center;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  #testimonial_slider button.carousel-control-prev {
      margin-left: -3%;
  }

  #testimonial_slider button.carousel-control-next {
      margin-right: -3%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .header {
      padding: 15px 0px;
  }

  .main-menu ul>li a {
      padding: 21px 15px 0 15px;
  }

  .carousel-indicators {
      margin-left: 0.5%;
  }

  .text-bg p.subtitle {
      padding-top: 10px;
      font-size: 30px;
      line-height: 30px;
      padding-bottom: 10px;
  }

  .text-bg a {
      float: inherit;
      max-width: 170px;
  }

  .three_box p {
      font-size: 16px;
  }

  .titlepage h2 {
      font-size: 40px;
  }

  .wellcome .titlepage h2 {
      margin-right: 4px;
      font-size: 34px;
  }

  .titlepage p {
      font-size: 16px;
  }

  .contact .contact {
      padding-left: 30px;
  }

  #testimonial_slider button.carousel-control-prev,
  #testimonial_slider button.carousel-control-next {
      margin-left: 10px;
      margin-right: 10px;
      width: 40px;
      height: 40px;
      font-size: 25px;
  }

}

@media (min-width: 768px) and (max-width: 991px) {
  .header {
      padding: 15px 9px;
  }

  .main-menu ul>li a {
      padding: 8px 8px 0 8px;
  }

  ul.email_call li a {
      padding-right: 10px;
  }

  .carousel-indicators {
      margin-left: 0.5%;
  }

  .banner-content {
      margin-top: 0%;
      margin-left: 0;
      width: 70%;
      padding-left: 10%;
      padding-top: 5%;
  }

  .banner-content .banner_content_inner {
      width: 100%;
      padding-left: 10%;
      padding-top: 5%;
      padding-bottom: 2%;
      padding-right: 2%;
  }

  .text-bg p.maintitle {
      font-size: 34px;
      line-height: 34px;
  }

  .text-bg p.subtitle {
      padding-top: 0px;
      font-size: 25px;
      line-height: 25px;
      padding-bottom: 10px;
  }

  .text-bg p.tagline {
      font-size: 14px;
  }

  .text-bg a {
      margin-right: 5px;
      padding: 8px 20px;
      float: inherit;
      max-width: 156px;
      font-size: 12px;
  }

  .wellcome .titlepage h2 {
      line-height: 40px;
      font-size: 25px;
      margin-right: 4px;
  }

  .titlepage p {
      font-size: 12px;
  }

  .three_box h3 {
      font-size: 22px
  }

  #testimonial_slider button.carousel-control-prev,
  #testimonial_slider button.carousel-control-next {
      margin-left: 10px;
      margin-right: 10px;
      width: 40px;
      height: 40px;
      font-size: 25px;
  }

  .ourwork .our p {
      font-size: 12px;
  }

  #main_slider1 a.carousel-control-next {
      top: 34%;
  }

  #main_slider1 a.carousel-control-next {
      right: -14px;
  }

  #main_slider1 a.carousel-control-prev {
      right: -14px;
  }

  .contact .contact {
      padding-left: 30px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {

  /* Banner content */
  .banner-content {
      margin-top: 0%;
      margin-left: 0;
      width: 70%;
      padding-left: 10%;
      padding-top: 5%;
  }

  .banner-content .banner_content_inner {
      padding-left: 50px;
      padding-top: 25px;
      padding-bottom: 25px;
      padding-right: 25px;
      width: 100%;
      align-items: flex-start;
  }

  /* Banner content */

  /* .head {
     display: none;
 } */
  ul.email_call,
  ul.social_icon {
      display: none;
  }

  .header {
      padding: 15px 0px;
  }

  .logo {
      /* width: 126px; */
  }

  address {
      justify-content: center;
  }

  .mean-container .mean-bar {
      margin-top: 0px;
  }

  .text-bg a {
      float: inherit;
      padding: 5px 7px;
      width: 50%;
      font-size: 14px;
      margin-left: 35px;
  }

  .titlepage h2 {
      font-size: 35px;
  }

  .wellcome .titlepage h2 {
      border: inherit;
  }

  .text-bg p.maintitle {
      font-size: 18px;
      line-height: 22px;
  }

  .text-bg p.subtitle {
      font-size: 14px;
      line-height: 20px;
      padding-top: 10px;
  }

  .text-bg p.tagline {
      font-size: 14px;
  }

  .carousel-indicators {
      margin-left: 1%;
  }

  .wellcome .wellcome-box {
      margin-bottom: 30px;
  }

  .read_more {
      margin-top: 20px;
  }

  .contact .contact {
      padding: 50px 20px;
      display: inline-block;
  }

  #testimonial_slider button.carousel-control-prev,
  #testimonial_slider button.carousel-control-next {
      margin-left: 10px;
      margin-right: 10px;
      width: 40px;
      height: 40px;
      font-size: 25px;
  }

  #main_slider1 a.carousel-control-next,
  #main_slider1 a.carousel-control-prev {
      display: none;
  }

  .contact .contact::after {
      position: inherit;
      background: inherit;
      width: inherit;
      height: inherit;
  }

  .padd_ri {
      padding-right: 0;
      padding-left: 0px;
  }

  .padding_l {
      padding-left: 0px;
      padding-right: 0px;
  }

  .padd_rile {
      padding-right: 0px;
      padding-left: 0;
  }
}

@media (max-width: 575px) {

  /* .head {
     display: none;
 } */
  ul.email_call,
  ul.social_icon {
      display: none;
  }

  .header {
      padding: 20px 0px 0px 0px;
  }

  #header_app_opts {
      padding-left: 0;
  }

  .logo {
      text-align: center !important;
      padding-bottom: 5px;
      float: inherit;
  }

  .carousel-indicators {
      margin-left: 3%;
  }

  .carousel-indicators li {
      width: 13px;
      height: 13px;
  }

  .text-bg p.maintitle {
      font-size: 36px;
      padding-top: 30px;
      padding-left: 10px;
      text-align: left;
      display: block;
      line-height: 36px;
      margin-top: 20px;
      margin-left: 50px;
      margin-right: 50px;
  }

  .text-bg p.subtitle {
      font-size: 24px;
      line-height: 24px;
      padding-bottom: 20px;
      padding-top: 30px;
      padding-left: 10px;
      margin-left: 50px;
      margin-right: 50px;
      text-align: left;
  }

  .text-bg p.tagline {
      font-size: 16px;
      line-height: 24px;
      padding: 10px 10px;
      text-align: left;
      margin-left: 50px;
      margin-right: 50px;
  }

  #testimonial_slider button.carousel-control-next,
  #testimonial_slider button.carousel-control-prev {
      margin-left: 10px;
      margin-right: 10px;
      width: 40px;
      height: 40px;
      font-size: 25px;
  }

  .banner-content {
      position: static;
      margin-top: 0;
      margin-left: 0;
      padding: 0;
      width: 100%;
      text-align: center;
      align-items: center;
      justify-content: flex-start;
  }

  .text-bg a {
      float: inherit;
      padding: 7px 15px;
      margin-top: 5px;
      font-size: 14px;
      width: auto;
      margin-left: 50px;
  }

  .wellcome .titlepage h2 {
      border-right: inherit;
  }

  .titlepage h2 {
      line-height: 40px;
      font-size: 19px;
  }

  .wellcome .wellcome-box {
      margin-bottom: 30px;
  }

  .read_more {
      margin-top: 20px;
  }

  .pa_bottom {
      margin-bottom: 0;
  }

  #main_slider1 a.carousel-control-next,
  #main_slider1 a.carousel-control-prev {
      display: none;
  }

  .contact .contact::after {
      position: inherit;
      background: inherit;
      width: inherit;
      height: inherit;
  }

  .review {
      padding-top: 55px;
      padding-bottom: 49px;
  }

  .contact .contact {
      padding: 50px 20px;
      display: inline-block;
  }

  .banner-main2 .carousel-caption p {
      font-size: 15px;
      line-height: 22px;
      margin-right: 40px;
      margin-left: 40px;
  }

  .copyright p {
      font-size: 16px;
      padding: 10px 0px;
      margin-left: 10%;
      margin-right: 10%;
  }

  .padd_ri {
      padding-right: 0;
      padding-left: 0px;
  }

  .padding_l {
      padding-left: 0px;
      padding-right: 0px;
  }

  .padd_rile {
      padding-right: 0px;
      padding-left: 0;
  }

  .item-section-options-container .item-option .item-img-container {
      /* width: 150px; Removed by Amit */
      /* height: 150px; Removed by Amit */
  }
}

/* responsive css styelsheet styles */

.col-content {
  transition: all .3s ease-in-out;
}


.product-gn-desc,
.product-spec {
  margin: 10px 0;
}

#price-details-container p {
  font-weight: bold;
  margin-top: 20px;
}

#price-details-container span {
  display: inline-block;
  margin: 0 5px;
}

#product-price {
  font-weight: bold;
}

#product-discount {
  font-weight: normal;
}

#offer-name {
  padding: 2px 7px;
  font-weight: normal;
  border-radius: 5px;
}

#original-price {
  text-decoration: line-through;
  font-weight: bold;
}

#buy-now-button {
  margin-top: 30px;
  font-size: 16px;
  padding: 7px 18px;
  border-radius: 8px;
  display: inline-block;
}

#product-specifications-container ul,
#product-specifications-container ol {
  margin-left: 18px;
  text-align: left;
}

.product-attachment {
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  padding: 2px 10px;
  border-radius: 8px 8px 0px 0px;
  margin: 0 14px;
  cursor: pointer;
}

.c-price {
  font-family: 'Poppins', sans-serif;
  margin: 0 14px;
  cursor: pointer;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.p-10-px {
  padding:10px !important;
}

.tab-pane p {
  margin: 20px 0px;
}

.related-product-option {
  margin: 20px 0px;
  padding: 20px;
  box-shadow: #2226261f 0px 2px 3px;
}

.related-product-option img {
  margin-bottom: 20px;
}

.related-product-option h3 {
  margin-bottom: 20px;
}

.related-product-option p {
  margin-bottom: 20px;
}

.related-product-option a {
  position: relative;
}

.related-product-option i {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#product-dt-two p {
  margin: 20px 0px;
}

#s2-sc1 img {
  width: 100%;
}

#s2-sc1 p {
  margin: 20px 0px;
}

#product-info-section-3 img {
  width: 100%;
}

#product-info-section-3 p {
  margin: 20px 0px;
}

/* Product tiles section properties */
.product-tile-option .col-content {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  box-shadow: #2226261f 0px 0px 12px;
  height: 100%;
  overflow-x: auto;
}

/* Product tiles section properties */

/* FAQ section properties */
#faq-section #faq-title:first-child {
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 6px;
  font-size: 35px;
  margin-bottom: 20px;
  line-height: 55px;
}

#faq-section #faq-title::after {
  display: block;
  content: "";
  width: 50px;
  height: 4px;
  margin: 10px 0;
}

#faq-section .accordion-item {
  margin: 20px;
}

#faq-section .accordion-item button {
  border-radius: 5px;
}

#faq-section .accordion-item button::after {
  font-family: 'FontAwesome';
  content: "\f067";
}

#faq-section .accordion-button:not(.collapsed)::after {
  content: "\f068";
}

#faq-section .accordion-collapse {
  border: 0;
}

/* FAQ section properties */

/* product page stylesheet styles */

/* about page stylesheet styles */
/* about us banner section properties */
#about-us-banner-section {
  /* height: 400px; */
  text-align: center;
}

/* about us banner section properties */

#au-heading-container h1 {
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 6px;
  font-size: 45px;
  line-height: 55px;
}

#au-heading-container h1::after {
  display: block;
  content: "";
  width: 50px;
  height: 4px;
  margin: 10px 0;
}

@media screen and (max-width:785px) {
  #au-heading-container h1::after {
      margin: 10px 0;
  }
}

.au-key-container .col-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 25px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.au-key-container h3 {
  font-size: 22px;
  margin-top: 30px;
  text-transform: uppercase;
}

.au-key-container h3::after {
  display: block;
  content: "";
  width: 20px;
  height: 4px;
  margin: 10px auto 0px auto;
}

.au-key-container p {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin: 30px;
}

/* about page stylesheet styles */

/* career page properties */
.career-form-section input {
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-radius: 0px;
  margin-bottom: 20px;
}

.career-form-section input[type="file"] {
  border-bottom: 0;
}

.career-form-section legend::after {
  display: block;
  content: "";
  width: 25px;
  height: 4px;
  margin: 10px 0px;
}

/* career page properties */

/* Subsection properties */
table td {
  border: 1px solid;
  padding: 10px;
}

.subsec-title {
  font-weight: bold;
  text-transform: capitalize;
  padding-bottom: 6px;
  font-size: 35px;
  margin-bottom: 20px;
  line-height: 55px;
  word-wrap: break-word;
  hyphens: auto;
}

.subsec-title-border::after {
  display: block;
  content: "";
  width: 50px;
  height: 4px;
  margin: 10px auto;
}

/* Subsection properties */


/* move_to_top properties */
/* .c-float-lead-btn-mob-call, .c-float-lead-btn-mob-whatsapp {
  display: flex;
  position: fixed;
  bottom: 0;
  margin-bottom: 10px;
  margin-right: 10px;
  height: 35px;
  width: 35px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  font-size: 20px;
  z-index: 9999999;
  background-color: #4fce5d;
  color: #fff;
}

.c-float-lead-btn-mob-call, .c-float-lead-btn-mob-whatsapp {
  border: 1px solid transparent;
}

.c-float-lead-btn-mob-call {
  left: 20px;
  box-shadow: #e7c3571f 0px 0px 20px;
}

.c-float-lead-btn-mob-whatsapp {
  left: 60px;
}

.c-float-lead-btn-mob-call i, .c-float-lead-btn-mob-whatsapp i {
  vertical-align: middle;
} 

.c-float-lead-btn-mob-call:hover {
  color: #4fce5d !important;
  background-color: #fff !important;
  border-color: #4fce5d !important;
}

.c-float-lead-btn-mob-whatsapp:hover {
  color: #4fce5d !important;
  background-color: #fff !important;
  border-color: #4fce5d !important;
}

//address btn  

.c-float-lead-btn-mob-address {
  position: fixed;
  bottom: 0;
  left: 6.2rem;
  margin-bottom: 10px;
  margin-right: 10px;
  height: 35px;
  width: 35px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  font-size: 20px;
  background-color: #4fce5d;
  color: #fff;
  text-align: center;
  border: 2px solid transparent;
  z-index: 990;
  display: flex;
}

.c-float-lead-btn-mob-address:hover {
  color: #4fce5d;
  background-color: #fff;
  border-color: #4fce5d;
} */


/* move_to_top properties */


address {
  font-size: 15px;
}

address i {
  margin-top: 7px;
}

.owl-carousel .owl-stage {
  margin: 0 auto !important;
}

.our-clients-option img {
  width: 75%;
  margin: 0 auto;
}

.usp-option h3::after {
  width: 25px;
  display: block;
  content: "";
  height: 4px;
  display: block;
  margin: 10px auto;
}

.usp-option h3 {
  font-size: 22px;
  margin-top: 20px;
}

.usp-option .col-content {
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  padding: 40px 20px;
  margin-left: 30px !important;
  margin-right: 30px !important;
  height: 100%;
}

.usp-option img {
  width: 75%;
  border-radius: 25px;
}

#certifications_slider img {
  width: 75%;
  margin: 0 auto;
}

.our-clients-option img {
  width: 75%;
  margin: 0 auto;
}

#affiliations_slider img {
  width: 75%;
  margin: 0 auto;
}

#landingAdPop div.modal-dialog {
  display: flex;
  height: 100%;
  align-items: center;
}

#landingAdPop div.modal-header {
  border: 0;
}

#landingAdPop .modal-content img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

#landingAdPop div.modal-body {
  padding: 0;
}

#landingAdPop div.modal-content button.btn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 20px;
  border-radius: 0;
  font-size: 20px;
}

#landingAdPop_video_2 {
  width: 100%;
}

.common-second-para ol,
.common-second-para ul {
  margin-left: 18px;
}

.contactimp,
.contactimpwrapper {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

#myModal2 div.modal-footer,
#myModal1 div.modal-footer {
  justify-content: center;
}



/* Business card properties */
#business_card_container {
  background: url('../images/books.jpg') rgba(0, 0, 0, 0.5) top center no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-blend-mode: multiply;
}

#business_card_container div.row {
  justify-content: center;
}

#business_card_container div.col-xs-12 {
  box-shadow: #e7c3571f 0px 0px 20px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
  border-radius: 35px;
}

#business_card_container #bc_img_container {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  margin: 80px auto 20px auto;
  overflow: hidden;
}

#business_card_container h2,
#business_card_container h3,
#business_card_container h4 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#business_card_container h2::after {
  content: "";
  width: 40px;
  height: 3px;
  display: block;
  margin: 0 auto;
}

#business_card_container h4 {
  font-size: 14px;
}

#business_card_container h3 {
  font-size: 16px;
}

#business_card_container h3 {
  font-size: 18px;
}

#bc_cn_dtls h3::after {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  margin: 10px auto;
}

#bc_social_icons,
#bc_cn_dtls {
  display: block;
  vertical-align: top;
  text-align: left;
}

#bc_social_icons {
  margin: 0px;
  padding-top: 10px;
  width: auto;
  text-align: center;
}

#bc_cn_dtls {
  width: auto;
  padding-top: 30px;
  margin-left: 50px;
  margin-right: 50px;
}

#bc_cn_dtls h3 {
  margin-left: 0;
  text-align: left;
}

#bc_cn_dtls a {
  display: block;
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#bc_cn_dtls a i,
#bc_cn_dtls a p {
  display: inline-block;
  vertical-align: top;
}

#bc_cn_dtls a i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
}

#bc_cn_dtls a p {
  width: 75%;
}

#bc_cn_dtls h3::after {
  margin-left: 0;
}

#bc_social_icons a {
  cursor: pointer;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  border-radius: 50%;
  margin: 0 5px;
  font-size: 16px;
  align-items: center;
  justify-content: center;
}

#sv_cnt {
  display: inline-block;
  font-size: 15px;
  margin: 40px auto;
  border-radius: 8px;
  padding: 10px 20px;
}

#xyz3 {
  margin: 10% 10% 10% 25%;
  text-align: left;
}

#xyz3 p {
  text-align: left;
}

#xyz4 h3,
#xyz3 h3 {
  margin-left: 0;
  text-align: left;
}

#xyz4 a {
  display: block;
  margin: 8px 0px;
}

#xyz4 a i {
  display: inline-block;
  width: 25px;
}

#xyz3 h3::after,
#xyz4 h3::after {
  content: "";
  width: 30px;
  height: 3px;
  display: block;
  margin-bottom: 20px;
  margin-top: 10px;
}

#xyz4 {
  text-align: left;
  margin: 10% 0px 150px 25%;
}

/* Branch offices properties */
#branch_offices_container .branch_option .col-content {
  height: 100%;
  border-radius: 25px;
  position: relative;
}


#branch_offices_container .branch_option img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin-top: 20px;
}

#branch_offices_container .branch_option h3 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

#branch_offices_container .branch_option h4 {
  font-size: 15px;
  text-align: center;
}

#branch_offices_container .branch_option h3::after {
  content: "";
  display: block;
  width: 35px;
  height: 4px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}

.br_details {
  width: 60%;
}

.br_details_container {
  width: auto;
}

.br_details,
.br_details_container {
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
}

.br_social_icons a {
  display: inline-block;
  margin-right: 10px;
}

.br_social_icons i {
  display: inline-flex;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 1000px) {
  .branch-option-2 .br_image_container {
      width: 25%;
  }

  .branch-option-2 .br_details {
      width: 60%;
  }
}

/* Branch offices properties */

#bc_home_btn_container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0px 0px;
  box-shadow: #2226261f 0px 0px 20px;
}

#bc_home_btn_container a {
  display: inline-block;
  cursor: pointer;
  border-radius: 25px;
  padding: 8px 20px;
}


.vbox-figlio {
  background: none !important;
  box-shadow: none !important;
}

span[name='enquirenow'] {
  position: fixed;
  top: 50%;
  right: -50px;
  z-index: 9999;
  transform: rotate(-90deg) translateZ(0);
  -webkit-transform: rotate(-90deg) translatez(0);
  -webkit-backface-visibility: hidden;

}

div.its_btngp_top span[name='enquirenow'],
div.service-page-button span[name='enquirenow'] {
  right: -56px;
}

img.service-page-image,
img.common-page-wrap-image {
  border: 4px solid;
  border-radius: 20px;
  padding: 20px;
}

/*** Changes by Amit 7-Oct-22 */

/* request a call section */
.follow ul li a:hover {
  color: #fff;
}

/* footern section */
.follow ul.ft_social li a i {
  font-size: 20px !important;
}

/* style layout changes */
.contact .contact .titlepage {
  float: none;
  margin: auto;
}

.request {
  float: none;
  margin: auto;
}

/* .c-float-lead-btn-mob-call {
  background-color: #4fce5d !important;
} */

@media only screen and (min-width: 300px) and (max-width: 480px) {
  .contact div.col-sm-12:last-child {
      text-align: center;
  }

  .item-section-options-container .item-option .item-img-container {
      width: 200px !important;
  }
}

@media only screen and (min-width: 481px) and (max-width: 568px) {
  .contact div.col-sm-12:last-child {
      text-align: center;
  }
}

@media only screen and (min-width: 568px) and (max-width: 768px) {
  .contact div.col-sm-12:last-child {
      text-align: center;
  }
}

/* Make sure only one type of menu is usable at 1200px */
@media screen and (width: 1200px) {
  li.has-sub>a::after {
      display: none;
  }

  li.sub2>a::after {
      display: none;
  }

  li.sub3>a::before {
      display: none;
  }
}

/* z-index changes  */
.mean-container .mean-nav {
  z-index: 999 !important;
}

.c-float-lead-btn-mob-call, .c-float-lead-btn-mob-whatsapp {
  z-index: 998 !important;
}

span[name='enquirenow'] {
  z-index: 998 !important;
}

/* Changes by Amit Ends 7-Oct-22 ***/

/* Changes by Amit 10-Oct-22 ***/

/* choose_us_section border size change */
.usp-option .col-content {
  border-width: 2px !important;
}

/* services-section image hover effect */
.item-img-container>a img:hover {
  transform: scale(1.25, 1.25);
  transition: all 0.5s ease-in-out;
}

.item-img-container>a img {
  transition: all 0.5s ease-in-out;
}

/* facility-categories-section image hover effect */
.category-section-option .cs-img-container img:hover {
  transform: scale(1.25, 1.25);
  transition: all 0.5s ease-in-out;
}

.category-section-option .cs-img-container img {
  transition: all 0.5s ease-in-out;
}

/* gallery image section hover effect */
#gallery-section div.col-content img:hover {
  transform: scale(1.25, 1.25);
  transition: all 0.5s ease-in-out;
}

#gallery-section div.col-content img {
  transition: all 0.5s ease-in-out;
}

/* video section hover effect */
#video-section div.col-content img:hover {
  transform: scale(1.10, 1.10);
  transition: all 0.5s ease-in-out;
}

#video-section div.col-content img {
  transition: all 0.5s ease-in-out;
}

/* Changes by Amit 10-Oct-22 Ends ***/

/* position relative for btn anmation effect */
.c-btn-ecommerce-web {
  position: relative !important;
  border: none !important;
}

.c-btn-ecommerce-web img {
  width: 100px !important;
  height: 32px !important;
  border-radius: 0.15rem !important;
}

.c-btn-ecommerce-web {
  max-width: 110px !important;
  height: 32px !important;
  transition: .2s !important;
  padding: 0px !important;
  box-shadow: 0px 2px 0px #777 !important;
}
.c-btn-ecommerce-web-wrapper{
  width: 100px;
  height: 32px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-right: .25rem;
}

.c-btn-ecommerce-web-wrapper:hover .c-btn-ecommerce-web {
  transform: translateY(-4px) !important;
}

/* .btn-1 {
border-color: #FF9A00 !important;
background-color: #233448;
}
.btn-2 {
border-color: #FFDC00 !important;
}
.btn-3 {
border-color: #EF5115 !important;
}
.btn-4 {
border-color: #003081 !important;
}
.btn-5 {
border-color: #ff5A00 !important;
}
.btn-6 {
border-color: #f5b100 !important;
} */
.btn-10 {
  line-height: 32px !important;
  background-color: #233448 !important;
  border: 1px solid white !important;
  max-width: 120px !important;
  color: #fff !important;
  padding-right: 5px !important;
  font-weight: bolder;
  width: 150px !important;
  font-family: Arial, Helvetica, sans-serif;
}

.btn-10 i {
  padding: 0 5px;
  color: #FF9A00;
}

.btn-10:hover {
  color: #fff;
}

/* animation on btn */
.c-button-animate {
  overflow: hidden;
}

.c-button-animate::before {
  position: absolute;
  top: 0;
  left: -120%;
  z-index: 2;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}
.btn-1.c-button-animate::before {
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  /* background: -webkit-linear-gradient(left,rgb(255, 154, 0,0) 0%,rgb(255, 154, 0,.2) 100%);
  background: linear-gradient(to right,rgb(255, 154, 0,0) 0%, rgb(255, 154, 0,.2) 100%); ; */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
}

.btn-2.c-button-animate::before {
  background: -webkit-linear-gradient(left, rgb(255, 220, 0, 0) 0%, rgb(255, 220, 0, 0.3) 100%);
  background: linear-gradient(to right, rgb(255, 220, 0, 0) 0%, rgb(255, 220, 0, 0.3) 100%);
}

.btn-3.c-button-animate::before {
  background: -webkit-linear-gradient(left, rgb(239, 81, 21, 0) 0%, rgb(239, 81, 21, 0.3) 100%);
  background: linear-gradient(to right, rgb(239, 81, 21, 0) 0%, rgb(239, 81, 21, 0.3) 100%);
}

.btn-4.c-button-animate::before {
  /* background: -webkit-linear-gradient(left, rgb(0,48,129,0) 0%, rgb(0,48,129,0.2) 100%);
background: linear-gradient(to right, rgb(0,48,129,0) 0%, rgb(0,48,129,0.2) 100%); */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
}

.btn-5.c-button-animate::before {
  background: -webkit-linear-gradient(left, rgb(255, 90, 0, 0) 0%, rgb(255, 90, 0, 0.3) 100%);
  background: linear-gradient(to right, rgb(255, 90, 0, 0) 0%, rgb(255, 90, 0, 0.3) 100%);
}

.btn-6.c-button-animate::before {
  background: -webkit-linear-gradient(left, rgb(245, 177, 0, 0) 0%, rgb(245, 177, 0, 0.3) 100%);
  background: linear-gradient(to right, rgb(245, 177, 0, 0) 0%, rgb(245, 177, 0, 0.3) 100%);
}

.btn-10.c-button-animate::before {
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
}

.c-button-animate::before {
  -webkit-animation: shinebtn 2.5s infinite;
  animation: shinebtn 2.5s infinite;
}

@-webkit-keyframes shinebtn {
  100% {
      left: 125%;
  }
}

@keyframes shinebtn {
  100% {
      left: 125%;
  }
}


/* figure image start animation effect */

/* Circle */
figure.c-fig-animate {
  position: relative;
  overflow: hidden;
}

figure.c-fig-animate::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, .2);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}

figure.c-fig-animate:hover::before {
  -webkit-animation: circle .5s;
  animation: circle .5s;
}

@-webkit-keyframes circle {
  0% {
      opacity: 1;
  }

  40% {
      opacity: 1;
  }

  100% {
      width: 150%;
      height: 150%;
      opacity: 0;
  }
}

@keyframes circle {
  0% {
      opacity: 1;
  }

  40% {
      opacity: 1;
  }

  100% {
      width: 150%;
      height: 150%;
      opacity: 0;
  }
}

/* Diagonal FLash Effect

figure.c-fig-animate {
  position: relative;
  overflow: hidden;
}

figure.c-fig-animate::before {
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

figure.c-fig-animate:hover::before {
  -webkit-animation: shinefigure .75s;
  animation: shinefigure .75s;
}

@-webkit-keyframes shinefigure {
  100% {
    left: 125%;
  }
}

@keyframes shinefigure {
  100% {
    left: 125%;
  }
} */

/* figure image animation effect ends*/

/* call, whatapp, scroll to top and address floating btn */

.scroll-to-top {
  position: fixed;
  left: 10px;
  bottom: 3.2rem;
  display: none;
  width: 35px;
  height: 35px;
  text-align: center;
  align-items: center;
  color: #fff;
  background: rgba(90, 92, 105, .5);
  line-height: 33px;
  border-radius: 10px;
  z-index:999!important;
}

.scroll-to-top:hover {
  color: #fff !important;
}

.c-float-lead-btn-pannel {
  position: fixed;
  bottom: 0px;
  left: 0px;
  display: flex;
  z-index:999!important;
}

.c-float-lead-btn-mob-call,
.c-float-lead-btn-mob-whatsapp,
.c-float-lead-btn-mob-address {
  display: flex;
  margin-bottom: 10px;
  height: 35px;
  width: 35px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  font-size: 20px;
  z-index: 999 !important;
  text-decoration: none;
  color: #fff;
  /* background-color: #1c2a46 !important; */
  background-color: #4fce5d;
  border: 2px solid transparent;
  margin-left: 10px;
  position: relative;
  cursor: pointer;
  transition: all .4s;
}

.c-float-lead-btn-mob-call:hover,
.c-float-lead-btn-mob-whatsapp:hover,
.c-float-lead-btn-mob-address:hover {
  /* color: #1c2a46 !important;
  background-color: #fff !important;
  border-color: #1c2a46 !important; */
  color: #4fce5d;
  background-color: #fff;
  border-color: #4fce5d;
}

@media (min-width: 300px) and (max-width: 480px) {
  .c-float-lead-btn-wrapper {
      position: fixed;
      left: 0px;
      bottom: .3rem;
      width: 100%;
      z-index:999!important;
  }

  .c-float-lead-btn-pannel {
      position: static;
      width: 60%;
      height: 34px;
      display: flex;
      justify-content: space-around;
      align-items: center;
      -webkit-box-shadow: 0 0 3px #fff;
      box-shadow: 0 0 3px #fff;
      border-radius: 6px;
      background-color: #fff;
      margin:0 auto;
      border: 0px;
      padding: 0 2px;
      z-index:999!important;
  }

  .c-float-lead-btn-mob-call,
  .c-float-lead-btn-mob-whatsapp,
  .c-float-lead-btn-mob-address {
      color:#4fce5d;
      /* color: #1c2a46 !important; */
      background-color: #fff;
      border-radius: 6px;
      border-color: #fff;
      height: 30px;
      margin: 0px !important;
      border: none !important;
      z-index:999!important;
  }

  .c-float-lead-btn-mob-call:hover,
  .c-float-lead-btn-mob-whatsapp:hover,
  .c-float-lead-btn-mob-address:hover {
      /* background-color: #1c2a46 !important;
      border-color: #1c2a46; */
      background-color: #4fce5d;
      border-color: #4fce5d;
      color: #fff;
      border-radius: 6px;
  }

  .c-float-lead-btn-mob-call i,
  .c-float-lead-btn-mob-whatsapp i,
  .c-float-lead-btn-mob-address i {
      font-size: 16px;
  }

  .scroll-to-top {
    bottom : .3rem!important;
  }
}

@media screen and (max-width: 480px) {
  .c-float-lead-btn-wrapper {
      animation: wrapperLeadbtnslide 800ms ease 200ms 1 forwards;
      -webkit-animation: wrapperLeadbtnslide 800ms ease 200ms 1 forwards
  }

  @-webkit-keyframes wrapperLeadbtnslide {
      0% {
          opacity: 0;
          bottom: -100px;
      }

      100% {
          opacity: 1;
          bottom: .3rem;
      }
  }

  @keyframes wrapperLeadbtnslide {
      0% {
          opacity: 0;
          bottom: -100px;
      }

      100% {
          opacity: 1;
          bottom: .3rem;
      }
  }
}

@media screen and (min-width: 480px) {
  .c-float-lead-btn-pannel {
      animation: pannelLeadbtnslide 800ms ease 0ms 1 forwards;
      -webkit-animation: pannelLeadbtnslide 800ms ease 0ms 1 forwards
  }

  @-webkit-keyframes pannelLeadbtnslide {
      0% {
          opacity: 0;
          left: -150px;
      }

      100% {
          opacity: 1;
          left: 1.25rem;
      }
  }

  @keyframes pannelLeadbtnslide {
      0% {
          opacity: 0;
          left: -150px;
      }

      100% {
          opacity: 1;
          left: 0;
      }
  }
}

/* lead btn animation effect */
@media screen and (min-width:481px) {
  .c-float-lead-btn-animate {
      overflow: hidden;
  }

  .c-float-lead-btn-animate::before {
      position: absolute;
      top: 0;
      left: -100%;
      z-index: 2;
      display: block;
      content: '';
      width: 100%;
      height: 100%;
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
      -webkit-transform: skewX(-45deg);
      transform: skewX(-45deg);
  }

  .c-float-lead-btn-animate::before {
      -webkit-animation: shineleadbtn 1s infinite;
      animation: shineleadbtn 1s infinite;
  }

  @-webkit-keyframes shineleadbtn {
      100% {
          left: 125%;
      }
  }
  @keyframes shineleadbtn {
      100% {
          left: 125%;
      }
  }
}

/* call, whatapp, scroll to top and address floating btn Ends */

/* Amit 20Oct 22 for Text Wrapping around images */

.multimedia-content-100 {
  width:100%!important;
}

@media only screen and (min-width: 360px) and (max-width: 480px) {
	.its-container-image-wrapper, .service-section-image-wrapper, .product-page-image-wrapper{
    width: 100%!important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
	.its-container-image-wrapper, .service-section-image-wrapper, .product-page-image-wrapper{
    width: 75%!important;
    margin: auto!important;
  }
}
@media only screen and (min-width: 768px) {
  .product-page-image-wrapper {
    float: left!important;
    width: 35%!important;
    margin-right: 5rem!important;
  }

	.its-container-image-wrapper, .service-section-image-wrapper {
    float: left!important;
    width: 33%!important;
    margin-right: 2rem!important;
  }
  .multimedia-content-45 {
    width: 45%!important;
    margin: auto;
  }
  .multimedia-content-35 {
    width: 35%!important;
    margin: auto;
  }  
}

.margin-right-0 {
  margin-right:0px !important; 
}

/* /- Amit 20Oct 22 for Text Wrapping around images ends */

/* Single tile left right view - Settle - under heading */
@media screen and (min-width: 768px) {
  #product-line-options-container-2 h3::after{
    display:flex!important;
  }
}

/* Single tile left right view - Settle - under heading ends */

/*  Media-Text Wrapping */

.wellcome-box-media-wrapper {
  margin-bottom:0px!important;
}

@media screen and (min-width:768px) {
  .wellcome-box-media-wrapper {
    padding: 20px 0px 0px 0px!important;
    margin-bottom:1rem!important;
  }
}

/*  Media-Text Wrapping Ends */

.c-btn-attach-customlink {
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 8px;
  margin: 0 10px;
  cursor: pointer;
}

/* Section/ Sub Section Buttons */
.c-order-btn{
  border: 2px solid #7335b7;
  background-color: #fff;
  color: #7335b7;
  border-radius: 0!important;
  padding: 5px 10px;
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
}


.c-price{
  background-color: #fff;
  color: #7335b7;
}

.c-box-price{
  border-radius: 0 8px 8px 0;
  margin-right: 8px!important;
  margin-left: 0px !important;
  padding: 6px 10px;
}
.c-attachment-small-btn{
  font-size: 12px;
  padding: 5px 8px;
  border-radius: 8px;
  margin: 0 6px;
}

.c-gallery-background-layer {
  background-color:#2f2e2ec2;
}

/* /-  Section/ Sub Section Buttons */

/* OLD VERSION
@media (min-width: 300px) and (max-width: 480px) {
  .c-float-lead-btn-3-wrapper-mob {
    width: 33.33%;
    height: 40px;
    display: inline-block;
    position: fixed;
    bottom: 0;
    text-align: center;
    margin: auto;
    background-color: #4fce5d;
    z-index: 990;
  }
  .c-float-lead-btn-3-wrapper-mob-call {
    left: 0;
    border-right: 1px solid #fff;
  }
  .c-float-lead-btn-3-wrapper-mob-whatsapp {
    left: 33.33%;
    border-right: 1px solid #fff;
  }
  .c-float-lead-btn-3-wrapper-mob-address {
    left: 66.66%;
  }
  .c-float-lead-btn-mob-call, .c-float-lead-btn-mob-whatsapp, .c-float-lead-btn-mob-address {
    height:40px;
    position: static !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    width: 100% !important;
    border-radius: 0px !important;
    z-index: 990;
  }
  .c-float-lead-btn-2-wrapper-mob {
    width: 50%;
    height: 40px;
    display: inline-block;
    position: fixed;
    bottom: 0px;
    text-align: center;
    margin: auto;
    background-color: #4fce5d;
    z-index: 990;
  }
  .c-float-lead-btn-2-wrapper-mob-call, .c-float-lead-btn-2-wrapper-mob-whatsapp {
    border-right: 1px solid #fff; 
  }
  .c-float-lead-btn-2-wrapper-mob-address {
    left: 50%;
  }
  .scroll-to-top {
    left: 0.4rem;
    bottom: 3.2rem
  }
}

@media screen and (min-width:481px) {
    .c-float-lead-btn-animate {
      overflow: hidden;
    }

    .c-float-lead-btn-animate::before {
      position: absolute;
      top: 0;
      left: -100%;
      z-index: 2;
      display: block;
      content: '';
      width: 100%;
      height: 100%;
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
      -webkit-transform: skewX(-45deg);
      transform: skewX(-45deg);
    }

    .c-float-lead-btn-animate::before {
      -webkit-animation: shineleadbtn 1s infinite;
      animation: shineleadbtn 1s infinite;
    }

    @-webkit-keyframes shineleadbtn {
      100% {
        left: 125%;
      }
    }

    @keyframes shineleadbtn {
      100% {
        left: 125%;
      }
    }
}
*/
