@charset "utf-8"; /* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans&family=Roboto:wght@900&display=swap');

/*
font-family: 'Kumbh Sans', sans-serif;
font-family: 'Roboto', sans-serif;
*/

body {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0;
  background: #fff;
  color: #262626;
  /* text-align: center; */
  font-family: 'Kumbh Sans', sans-serif;
  margin: 0 auto;
}
header{
  position: relative;
  z-index: 9;
}
.navbar-dark .navbar-brand {
  color: #535353;
  font-size: 32px;
  text-transform: uppercase;
  background-color: rgb(236 237 235 / 69%);
}
.col-md-6.intro-info.order-md-first.order-last span {
  font-size: 64px;
  color: green;
}
.col-md-6.intro-info.order-md-first.order-last p {
  color: #fff;
  font-size: 20px;
  margin-top: 25px;
  font-weight: bold;
}
.bg-mnz1{
  /*background-image: url(../images/a2.png);*/
  height: 470px;
  width: 100%;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
/*-------preloader-------*/
.preloader-wrapper {
  background-color: #e3ecfd;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.preloader-wrapper .preloader-thumb {
  text-align: center;
}

.preloader-thumb img {
  width: 100%;
}

/*----------------Sec_2 Start----------------*/

section.sec_2 {
  padding: 5rem 0rem;
  width: 100%;
  background-image: url(../images/labs-bg.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
}
.sec2_txt {
  padding: 50px 30px;
  text-align: left;
  color: #fff;
  margin-top: 50px;
  font-size: 18px;
  border-radius: 60px 0;
}

/*----------------Sec_2 end----------------*/

/*----------------product-fontnd----------------*/
.product-fontnd{
  padding: 0rem 0rem;
  position: relative;
  width: 100%;
  background: #fff;
}
.parlx_overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #000000;
  opacity: 0.80;
}
.serviceBox{
  padding: 5% 0 10%;
}
.service_left_dtl{
  border-radius: 5px;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.carousel-item.ser_slid_dtl{
  border-radius: 5px;
}
.carousel-item.ser_slid_dtl img{
  width: 100%;
  border-radius: 5px;
}
.service_img_dtl{
  padding: 25px 20px;
  background-color: rgb(179 39 48);
}
.srvimage{
  /* padding: 20px 20px; */
  background-color: rgb(179 39 48);
  /* border-radius: 57px 57px 0 0; */
}
.srvimage img{
  width: 55%;
  display: table;
  margin: 0 auto;
}
.service-content{
  background: transparent;
  padding: 20px;
  position: relative;
}
.service-content h4{
  color: #ffffff;
  font-size: 21px;
  letter-spacing: 3px;
  padding-bottom: 2%;
  text-align: left;
}
.service-content h3{
  color: #fff;
  font-size: 2.9em;
  letter-spacing: 3px;
  padding-bottom: 2%;
  line-height: 1.5;
  text-align: left;
}
.service-content p{
  text-align: left;
  color: #fff;
  font-size: 15px;
  line-height: 1.8;
}
.service_btn{
  display: inline-block;
  min-width: 190px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  background-color: rgb(179 39 48);
  color: #fffdfd;
  font-size: 15px;
  position: relative;
  z-index: 0;
  border: 0;
  padding: 0 10px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  border: 1px solid #ffffff;
}
.service_btn_holder{
  padding: 6% 0 0;
}
.service_btn:hover{
  color: #000;
}
/*----------------banner-part-01----------------*/
.banner-part-01{
  width: 100%;
  background-image: url(../images/slide1.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  height: 100%;
  background-position: center;
  padding: 0em;
  z-index: 1;
}
.banner_details h4{
  padding: 14px 0;
  color: #fff;
  font-size: 23px;
  letter-spacing: 3px;
}
.banner-part-01 .img-absolute {
  padding: 6rem 0rem;
  margin: 0 0 0 -105px;
}
.banner-part-01 h1{
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  padding-bottom: 0;
  font-family: arial;
  letter-spacing: 3px;

}

.bnr_btn{
  display: inline-block;
  min-width: 190px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  background-color: rgb(0 0 0);
  color: #f9f9f9;
  font-size: 15px;
  position: relative;
  z-index: 0;
  border: 0;
  padding: 0 10px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  border-radius: 50px;
}
.bnr_btn:hover{
  color: #fff;
}

/*----------------banner-part-01------//----------*/
.bg-foot {
}
.bnr-sec h2{
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: 70px;
  font-weight: 700;
}
.bnr-sec p{
  color: #fff !important;
  font-size: 1.3rem;
  padding: 1rem 0rem;
}

.bnr-sec .btn{
  display: inline-block;
  border: none;
  font-size: 14px;
  font-weight: 600;
  min-width: 186px;
  text-transform: uppercase;
  background: 0 0;
  color: #fff;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  position: relative;
}
.bnr-sec .btn:before {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  left: 0;
  top: 0;
}
.bnr-sec .btn:after, .bnr-sec .btn:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 14px;
}
.bnr-sec .btn:after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 0;
  top: 0;
}
.bnr-sec .btn:after, .site-btn:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 14px;
}
.bnr-sec .btn span {
  display: block;
  padding: 14px 0;
}
.bnr-sec .btn span:before {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  left: 0;
  bottom: 0;
}
.bnr-sec .btn span:after, .bnr-sec .btn span:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 14px;
}
.wht
{
  color : #ffffff;
}
.bnr-sec .btn span:after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 0;
  bottom: 0;
}
.bnr-sec .btn span:after, .bnr-sec .btn span:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 14px;
}

.navbar-brand img {
  margin-top: 0px;
}
.bnr-sec .btn{
  background:none !important;
}
.card-header>h2 {
  font-size: 1.3rem;
}
.prrr h2{
  font-size: 1.3rem;
}
p {
  margin: 10px auto;
}

div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
  font-family: 'Roboto', sans-serif;
}

header, section, footer, aside, nav, main, article, figure {
  display: block;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}
.subtext-box-content {
  /* height: 319px; */
  padding: 16px 0px;
  text-align: left;
}

span.post {
  font-size: 16px;
  line-height: 29px;
}
.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

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

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

table, tr, td {
  border: 0;
}

.b, .strong {
  font-weight: 700;
}

a {
  outline: none;
  color: #333;
  text-decoration: none;
}

a:hover {
  outline: none;
  text-decoration: none;
}

img {
  border: none;
}

li {
  list-style: none;
}

* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

.for-mob {
  display: block;
  margin: auto;
  max-width: 34%;
}

.for-tab {
  display: none;
}

.for-desk {
  display: block;
}

.clearall {
  clear: both;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
}

a:focus, a:hover {
  text-decoration: none;
  color: #fbfafa;
}

.m0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.cmnBtn2 {
  width: 175px !important;
  padding: 20px 0;
}

.btnBnr {
  position: relative;
  z-index: 8;
}

#Navbar {
  padding: 16px 0;
  background: #ffffff;
  border: 0px;
  position: relative;
  z-index: 5;
}

.navbar-inverse .navbar-collapse {
  border: 0;
}

ul.menu-list li a {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
  float: left;
}

.navbar-inverse .navbar-nav>li>a {
  color: #000000;
}
ul.menu-list {
  float: right;
  margin-top: 5px;
}

ul.menu-list li a {
  float: left;
  padding: 6px 20px;
  transition: 0.3s ease-in-out all;
  -o-transition: 0.3s ease-in-out all;
  -moz-transition: 0.3s ease-in-out all;
  -webkit-transition: 0.3s ease-in-out all;
  margin: 10px 5px;
  position: relative;
  text-align: center;
}

ul.menu-list li a:before {
  border: 2px solid #fff;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: skewX(15deg);
  z-index: -2;
  width: 100%;
}

ul.menu-list li:hover {
}

.center {
  margin: auto;
  position: relative;
  z-index: 5;
}

ul.menu-list li a {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
  float: left;
}

.para-inner {
  border: 0px solid #032997;
  padding: 70px 20px;
  max-width: 100%;
  margin: auto;
  background: rgba(255, 255, 255, 0.47);
}
.para-inner:hover
{
  border: 0px solid #032997;
  transition: 0.8s;
  /* box-shadow: 6px 6px 32px 13px #828080; */
}
ul.menu-list li a:hover, ul.menu-list li a.active {
  color: #fff;
  background: url(../images/hvr-img.png) center bottom no-repeat;
  float: left;
}

.footerImage{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}

.footerImage img {
  width: 80%;
}

.mdl_img {
  width: 80%;
  float: none;
  margin: 70px 0 0 0;
}

.btl_img {
  position: absolute;
  margin-left: -510px;
  margin-top: 120px;
  width: 30%;
}

.bnr-sec {
  position: relative;
  background: url(../images/bnr-bg.jpg) no-repeat;
  min-height: 618px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: top;
  background-size: cover;
  box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.2);
  top: 50px;
}

.bnr-lft {
}

.bnr-txt1 {
  font-size: 29px;
  line-height: 82px;
  text-transform: lowercase;
  font-weight: bold;
  color: #032997;
  letter-spacing: 10px;
  font-family: 'Courgette', cursive;
}

.bnr-lft span {
  font-size: 44px;
  line-height: 45px;
  font-weight: 800;
  text-transform: uppercase;
  color: #3c3c3c;
  letter-spacing: 2px;
  font-family: 'oswald';
}

.bnr-lft p {
}

.bnr-img-btm {
  margin: 5px 0 10px;
}

.bnr-txt2 {
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  float: left;
  width: 100%;
}

.bnr-btn {
  margin-top: 30px;
  display: inline-block;
}

.bnr-rgt {
  float: right;
  width: 40%;
  margin-top: 48px;
}

.strip-sec {
  background: #f0f0f0;
  float: left;
  width: 100%;
  padding: 18px 0;
  text-align: center;
  border-top: 1px solid #c2c2c2;
}

/*}*/
ul.strip-list {
  display: inline-block;
  text-align: center;
  width: 100%;
}

ul.strip-list li {
  display: inline-block;
  border-right: 1px solid #ccc;
  text-align: center;
  padding: 0 35px;
}

ul.strip-list li img {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}

ul.strip-list li p {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

ul.strip-list li span {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}

ul.strip-list li:last-child {
  border-right: none;
}

.sec1 {
  width: 100%;
  margin-top: -40px;
  padding: 100px 0;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: url(../images/bnr12.jpg) center top no-repeat;
  background-attachment: fixed;
}

.sec1 p {
  color: #fff;
}
.nav-link {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: bold;
  font-size: 14px;
  color: #ffffff !important;
}

.nav-link:hover {
  color: #d3d3d3 !important;
}  

.comn-hdg {
  color: #ff0345;
  text-transform: uppercase;
  font-size: 41px;
  font-weight: bold;
  letter-spacing: 3px;
  font-family: 'oswald';
}

.comn-sub-hdg {
  font-size: 24px;
  line-height: 48px;
  padding: 5px 0;
}

.sec1Box figcaption {
  padding: 10px 0px 10px;
  font-size: 19px;
  text-transform: uppercase;
  text-align: center;
  margin: 0px auto 0px;
  font-weight: 500;
  font-family: 'oswald';
  letter-spacing: 1px;
  color: #fff;
  /* background: black; */
}

.sec2cir {
  height: 220px;
  width: 230px;
  border-radius: 100%;
  border: 4px solid #fff;
  overflow: hidden;
  margin: auto;
  box-shadow: 5px 2px 10px #38383896;
}

.sec2cir img {
  transform: scale(2.3);
  margin-top: 50px;
}

.sec1Box figcaption span {
  height: 40px;
  width: 40px;
  font-weight: bold;
  background: #ec5680;
  border: 2px solid #a02548;
  display: inline-block;
  text-align: center;
  box-shadow: 2px 2px #fff;
  line-height: 36px;
  border-radius: 100px;
  margin-right: 8px;
  margin-left: -21px;
}

p.comn-txt.for-desk.for-tab {
  color: #000;
}

ul.sec1-list {
  float: left;
  width: 100%;
  margin-top: 40px;
}

ul.sec1-list li {
  border: 1px solid #38a004;
  float: left;
  width: 32%;
  padding: 25px 25px 0;
  cursor: pointer;
  border-radius: 70px 0;
}

ul.sec1-list li:nth-child(2) {
  margin: 0 2%;
}

ul.sec1-list li span {
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  color: #20409a;
  text-transform: uppercase;
  float: left;
  width: 100%;
  padding: 30px 0 10px;
  font-family: "Open Sans", sans-serif;
}

ul.sec1-list li:hover {
  background: #d3862921;
  border: 1px solid #f15625;
  border-radius: 0 70px;
}

#featured_img img, #thumb_img img {
  margin: auto;
}

.c-boxml .card-body {
  -ms-flex: 1 1 auto;
  /*position: absolute;*/
  flex: 1 1 auto;
  padding: 1rem;
  bottom: 0;
  margin: 0 0rem 0 0rem;
  background: #fff;
  height: 175px;
  border-left: 0px solid;
}
.c-boxml .tx-mn{
  /* color: #fff; */
  text-transform: uppercase;
}

.c-boxml h2{
  font-family: 'Poppins', sans-serif;
  /* color: #fff; */
  font-size: 3rem;
  margin-bottom: 1rem;
  font-weight: 700;
}
.c-boxml .card {
  border: 0px solid #d8d8d8;
  text-align: left;
  border-radius: 0 0 0rem 0rem;
  background: none;
}
.section-4 .row{
  padding: 0;
  margin: 0;
}
.section-4 h2{
  font-family: 'Playfair Display', serif;
  color: #fff;
  font-size: 2.60rem;
}
.section-4 p{
  color: #baa0ff;
}
.section-4 .border-bottom{
  border: 0px !important;
  color: #fff !important;
}
.section-4 .border-bottom i{
  color: #62acea !important;
}

.section-4{
  background-image: url(../images/section-4.jpg);
  /* background-position: right; */
  background-size: cover;
  background: #575757;
  padding: 4rem 0rem;
}
.parlx-sec .btn {
  margin-top: 20px;
}

.sec2 {
  background-size: cover;
  margin-top: -30px;
  padding: 65px 0 60px;
  -webkit-clip-path: polygon(20% 0, 19% 3%, 100% 0, 100% 100%, 74% 98%, 24% 98%, 0 100%, 0 0%);
  clip-path: polygon(20% 0, 19% 3%, 100% 0, 100% 100%, 74% 98%, 24% 98%, 0 100%, 0 0%);
}

ul.sec2-list {
  max-width: 1170px;
  margin: 0 auto;
  width: 100%;
}

ul.sec2-list li {
  min-height: 325px;
  width: 45%;
  /* float: left; */
  vertical-align: text-top;
  display: inline-block;
  border: 1px solid #787b83;
  position: relative;
  overflow: hidden;
  margin: 10px 10px;
  box-shadow: 1px 1px 7px #27272738;
  height: 480px;
}

ul.sec2-list li:before {
  position: absolute;
  content: '';
  top: 0px;
  left: 0;
  height: 5px;
  width: 100%;
  background-color: #3c3c3c;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.8;
  background-image: radial-gradient(#000000, #0d6261, #ff1010ad);
}

ul.sec2-list li:last-child {
  /* margin: 0 0 0 10px; */
}

.prd-details {
  padding: 40px;
}
.product1{
  background-image: url(../images/product1.jpg);
}
.product2{
  background-image: url(../images/product2.jpg);
}
.prd-details .h2 {
  color: #f1f1f1;
}

ul.sec2-list li .btn {
  margin: 0 auto;
  display: block;
  z-index: 5;
  position: relative;
}
.headingTitle{
  position: relative;
  padding: 4px 0;
}
.headingTitle:before{
  position: absolute;
  content: '';
  left: 15px;
  width: 20px;
  height: 100px;
  background: #47b3ff;
  top: -100%;
  display : none;
}
.borderRight{
  position: relative;
}
.borderRight:after{
  /* position: absolute;
  content: '';
  height: 2px;
  width: 25%;
  background: #e5a307;
  margin-left: 10px;
  top: 50%;*/
}
.product-mnbt{
  padding: 90px 0 80px !important;
  background: #ffffff;
  position: relative;
}
/*.product-mnbt:before {
content: "";
position: absolute;
height: 100%;
width: 50%;
background: #136a3b;
border-bottom-right-radius: 0px;
right: 0;
}*/

.product-mnbt .pro{
  margin-top: 0;
}
.product-mnbt .card .card-header{
  background: none;
  border: 0;
  padding: 0rem 0rem 23px;
  color: #006838;
}

.product-mnbt .card-text:last-child {
  margin-bottom: 0;
  color: #414141;
  font-size: 1.10rem;
}

footer{

}
.product-mnbt .card {
  border: 0px solid #31a0ff;
  margin-bottom: 0rem;
  text-align: left;
  border-radius: 0;
  background: none;
  margin-bottom: 0;
  border-left: 0px solid #fff;
  padding: 3.45rem 2rem;
}
.product-mnbt .card .card-body{
  padding: 0;
}
.product-mnbt h2 {
  font-family: 'Poppins', sans-serif;
  padding-top: 2rem;
  font-weight: 700;
  font-size: 1.70rem;
}  
.product-mnbt .card:hover {
  -moz-box-shadow: 1px 1px 16px #8f8d8f;
  -webkit-box-shadow: 1px 1px 16px #8f8d8f;
  box-shadow: 1px 1px 16px #8f8d8f;
  box-shadow:none;
}

.useBox>div {
  display: flex;
}
.useBox .card {
  padding: 55px 20px;
}
.col2 {
  color: #ffc800;
}
.col4 {
  color: #b3fb05;
}
.sec3content {
  margin-top: 1rem;
  color: #fff;
  font-size: 2.5rem;
  font-weight: bold;
}
.bg1 {
  /* background-color: rgb(255, 255, 255) !important; */
  /* position: fixed !important; */
  width: 100%;
  background-color: #000000 !important; 
  height: 100px !important;
}
.bg2 {
  background-color: #3644af;
}
.bg3 {
  background-color: #3644af;
}
.bg4 {
  background-color: #2a2e5d;
}
.pmtop1 p, .mtop1 {
  margin-top: 1em !important;
}


.w40 img {
  height: 40px;
  vertical-align: middle;
}

.just {
  /*text-align: justify !important;*/
}

.underline {
  text-decoration: underline;
}

.ingr {
  font-size: 0.9em;
  padding: 0 0.5em;
}

.inline-bl {
  display: inline-block;
}

.copy-rgt-txt {
  color: #191919;
  font-size: 15px;
}

.legal-txt {
  font-size: 12px;
  color: #989898;
}

/***************FAQ PAGE**************/
.inner-bg {
  background: #000000;
  background-size: cover;
  /* margin-top: 100px; */
  padding: 80px 0px 80px;
  margin-left: -15px;
  margin-right: -15px;
}
.disclaimer {
  text-align: justify;
}
.inner-txt {
}

.inner-txt span {
  color: #55ace9;
  font-size: 45px;
  line-height: 45px;
  font-weight: 800;
  text-transform: uppercase;
}

.inner-txt h2 {
  font-size: 40px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
}

.bgManual {
  background-color: rgb(8, 83, 251) !important;
  color: #fff;
}

.inner-txt p {
  padding: 10px 0;
  font-size: 20px;
  color: #fff;
  letter-spacing: 2px;
}

.inner-prd {
  width: 235px;
  margin-top: 10px;
}

/*********************ACCORDION SECTION**********************/
.accordion-container {
  padding: 60px 0;
  float: left;
  width: 100%;
}

.acdn-bg {
  float: left;
  width: 100%;
  margin: 10px 0;
  border: 1px solid #c2c2c2;
  background: #ebebeb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ebebeb 0%, #c4c4c4 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ebebeb 0%, #c4c4c4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ebebeb 0%, #c4c4c4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#c4c4c4',GradientType=0 );
  /* IE6-9 */
}

.accordion {
  box-sizing: border-box;
  color: #066035;
  cursor: pointer;
  float: left;
  font-weight: 700;
  font-size: 18px;
  text-align: left;
  line-height: 24px;
  margin: 4px 0;
  padding: 10px 25px 15px 30px;
  width: 100%;
  letter-spacing: -0.5px;
}

.accordion-open {
  background: url(../images/ahov2.png) 98% center no-repeat;
  border-bottom: none;
}

.accordion-close {
  background: url(../images/acord2.png) 98% center no-repeat;
}

.acdn-content {
  box-sizing: border-box;
  color: #3e3e3e;
  float: left;
  font-size: 20px;
  line-height: 28px;
  text-align: left;
  padding: 15px 60px 15px 25px;
  /*width: auto;*/
  letter-spacing: -0.5px;
  background: #fff;
  width: 100%;
}

.acdn-content p {
  font-size: 16px;
  line-height: 22px;
}

.acdn-content ul {
  float: left;
  padding-left: 40px;
  width: 100%;
}

.acdn-content ul li {
  list-style: disc;
  font-size: 16px;
}

/***************CONTACT PAGE**************/
.cont-inner {
  float: left;
  width: 100%;
  padding: 40px 0 60px;
}

.cont-inner-lft {
  float: left;
  width: 48.71%;
  text-align: left;
}

ul.cont-list {
  float: left;
  width: 100%;
}

ul.cont-list li {
  background: url(../images/loc-img.png) left top no-repeat;
  float: left;
  padding-left: 45px;
  width: 100%;
  margin: 15px 0;
}

ul.cont-list li:nth-child(2) {
  background: url(../images/tim-img.png) left top no-repeat;
}

ul.cont-list li:nth-child(3) {
  background: url(../images/mail-img.png) left top no-repeat;
}

ul.cont-list li:nth-child(4) {
  background: url(../images/phn-img.png) left top no-repeat;
}

ul.cont-list li span {
  font-size: 17px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 600;
  float: left;
  width: 100%;
  padding-bottom: 8px;
}

ul.cont-list li p, ul.cont-list li a {
  font-size: 17px;
  line-height: 22px;
  float: left;
  width: 100%;
}

.cont-inner-rgt {
  float: right;
  width: 48.71%;
  text-align: left;
}

.frm-hdg-txt {
  font-size: 26px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 30px 0;
}

.frm-container {
  float: left;
  width: 100%;
  border: 1px solid #d7d7d7;
  padding: 10px;
}

.frm-container input[type="text"], .frm-container select, .frm-container textarea {
  width: 100%;
  float: left;
  border: 1px solid #d7d7d7;
  padding: 12px 15px;
  margin-bottom: 10px;
  font-family: "Open Sans", sans-serif;
}

textarea {
  resize: none;
  height: 100px;
  font-family: "Open Sans", sans-serif;
}

.submit-btn {
  margin: 10px 0;
  cursor: pointer;
}

/********PRODUCT SECTION********/
.prd-sec1 {
  width: 100%;
  padding: 60px 0;
}

.prd-sec1-lft {
  float: left;
  width: 46%;
}

.prd-sec1-inr-lft {
  width: 22%;
  float: left;
}

.prd-sec1-inr-lft img {
  max-width: 100%;
  padding: 5px 0;
}

.prd-sec1-inr-lft .slick-slide {
  width: 98% !important;
  background: #f5f8fa;
  border: 1px solid #e5e1e1;
  margin-bottom: 20px;
  display: block;
}

.prd-sec1-inr-rgt img {
  max-width: 100%;
  padding: 20px 0;
}

.prd-sec1-rgt {
  float: right;
  width: 50%;
  text-align: left;
}

.prd-sec1-txt1 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  color: #181818;
  text-transform: uppercase;
}

.prd-sec1-txt2 {
  font-size: 32px;
  line-height: 34px;
  font-weight: 700;
  color: #155990;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 25px;
}

.prd-sec1-txt3 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

.prd-sec1-txt4 {
  color: #abaaaa;
  font-size: 16px;
  line-height: 20px;
}

.prd-sec1-txt5 {
  padding: 15px 0;
  float: left;
  width: 100%;
}

p.comn-txt.prd-sec1-txt5 {
  color: #000;
}

ul.prd-sec1-list {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

ul.prd-sec1-list li {
  background: url(../images/sec1-list-img.png) left center no-repeat;
  float: left;
  padding: 12px 0 12px 50px;
  text-align: left;
}

.prd-sec1-btn {
  display: inline-block;
  vertical-align: middle;
}

.prd-sec1-txt6 {
  font-size: 39px;
  line-height: 43px;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px;
  margin-right: 15px;
  border-right: 1px solid #7e7e7e;
}

.prd-sec1-txt7 {
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.paddingLess {
  padding: 0;
}
.prd-sec1-txt7 img {
  vertical-align: middle;
  margin-left: 5px;
}

.prd-sec2 {
  width: 100%;
  padding: 60px 0;
  background-color: #e4e4e4;
}

.howtouse {
  margin-top: 40px;
}

.howtouse ul, .howtouse ul li {
  float: left;
  width: 100%;
}

.howtouse h3 {
  float: left;
  width: 100%;
  font-family: "Open Sans", sans-serif";
    font-weight: normal;
  text-transform: uppercase;
  text-align: left;
  font-size: 28px;
  color: #9cbb1d;
  margin-bottom: 15px;
}

.howtouse ul li {
  position: relative;
  min-height: 70px;
  padding-left: 80px;
  margin: 15px 0;
}

.howtouse ul li span {
  position: absolute;
  left: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #9cbb1d;
  color: #fff;
  font-family: "Open Sans", sans-serif";
    font-size: 19px;
  line-height: 22px;
  text-transform: uppercase;
  padding-top: 12px;
}

.howtouse ul li p {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 18px;
  line-height: 28px;
}

.prd-sec3, .version2 {
  float: left;
  width: 100%;
  padding: 60px 0;
}

ul.prd-sec3-list {
  max-width: 900px;
  margin: 30px auto 0;
  width: 100%;
}

ul.prd-sec3-list li {
  float: left;
  margin: auto 1%;
  box-sizing: border-box;
  width: 23%;
  vertical-align: top;
  border: 1px solid #e0e0e0;
  box-shadow: 2px 2px 5px #ccc;
}

ul.prd-sec3-list li .sec2-prd {
  margin: 30px 0 15px;
}

ul.prd-sec3-list li:last-child {
  float: right;
}

/***************VERSION-2***************/
.prd-v2 {
  width: 32%;
  float: left;
}

.version2 ul.prd-sec3-list li .sec2-prd {
  float: left;
  margin: 30px 0;
  max-width: 100%;
}

.version2 .prd-details {
  width: 68%;
  padding: 20px 10px;
  float: left;
  background: url(../images/v2-prd-bg.png) center top no-repeat;
}

.version2 ul.prd-sec3-list {
  max-width: 1100px;
  width: 100%;
}

/*Footer Modal*/
p.normal {
  font-family: "Calibri", "sans-serif";
  margin: 0 0 0.0001pt;
  font-size: 12pt;
}

p.list {
  margin: 0 0.1in 0.0001pt 0.1in;
  font-size: 12pt;
  font-family: "Calibri", "sans-serif";
}

p.sub-list {
  margin: 0 0.5in 0.0001pt 0.5in;
  font-size: 12pt;
  font-family: "Calibri", "sans-serif";
  text-indent: -0.25in;
}

p.text-center {
  text-align: center;
}

p.title, p.normal, p.list, p.sub-list {
  text-align: left;
}

p.sub-list-content {
  margin: 0 0.5in 0.0001pt 0.5in;
  font-size: 12pt;
  font-family: "Calibri", "sans-serif";
}

p.title, p.normal, p.list, p.sub-list, p.sub-list-content {
  text-align: left;
}

p.list {
  margin: 0 0 0.0001pt 0.3in;
  font-size: 12pt;
  font-family: "Calibri", "sans-serif";
}

p.sub-list {
  margin: 0 0 0.0001pt 0.8in;
  font-size: 12pt;
  font-family: "Calibri", "sans-serif";
  text-indent: -0.25in;
}

p.sub-list-content {
  margin: 0 0 0.0001pt 0.8in;
  font-size: 12pt;
  font-family: "Calibri", "sans-serif";
}

p.list {
  margin: 0 0 0.0001pt 0.3in;
  font-size: 12pt;
  font-family: "Calibri", "sans-serif";
}

p.title, p.normal, p.list, p.sub-list, p.sub-list-content {
  text-align: center;
}
.btn {
}


.btn-info.focus, .btn-info:focus {

  box-shadow: none !important;
}
.card-img{
  position: relative;
}

/**********MEDIA START***********/
@media only screen and (max-width: 1180px) {

  img {
    max-width: 100%;
  }

  .bnr-lft span {
    font-size: 38px;
    line-height: 42px;
  }

  .bnr-txt2 {
    font-size: 20px;
    line-height: 24px;
  }

  ul.strip-list li {
    padding: 0 20px;
  }

  .bnr-rgt {
    margin-top: 110px;
  }

  /********PRODUCT SECTION********/
  .prd-sec1-btn {
    width: 155px;
  }

  .prd-sec1-txt6 {
    font-size: 35px;
    line-height: 39px;
    padding: 0 8px;
    margin-right: 8px;
  }

  .slick-track {
    width: 102px;
  }

  ul.sec1-list li {
    height: 400px;
  }

  .howtouse {
    width: 32%;
  }

  .howtouse ul li {
    margin: 7px 0;
  }

  .howtouse ul li p {
    font-size: 17px;
    line-height: 26px;
  }
}

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


  .for-mob {
    display: none;
  }

  .for-desk {
    display: none;
  }

  .for-tab {
    display: block;
  }

  .logo {
    width: 190px;
  }

  .mob-mnu {
    float: right;
    padding: 20px 5px 0 0;
  }

  .comn-txt {
    font-size: 17px;
  }

  .bnr-txt1 {
    font-size: 18px;
    line-height: 26px;
  }

  .bnr-lft span {
    font-size: 30px;
    line-height: 36px;
  }

  .bnr-lft .comn-txt {
    padding: 0;
  }

  .prd-details {
    height: 400px;
  }

  ul.sec2-list li:nth-child(1) .btn, ul.sec2-list li:nth-child(2) .btn {
    padding-top: 25px;
  }

  ul.strip-list {
    text-align: center;
  }

  ul.strip-list li {
    width: 25%;
    float: left;
    padding: 0 10px;
  }

  ul.strip-list li img {
    float: none;
    margin: 0 0 10px 0;
  }

  ul.strip-list li p {
    float: left;
    width: 100%;
    text-align: center;
  }

  .parlx-sec p {
    padding: 10px;
  }

  .parlx-sec span {
    /* font-size: 26px; */
    line-height: 30px;
  }

  .sec1 {
    padding: 40px 0;
  }

  .prd-details {
    padding: 0px 15px;
  }

  .prd-txt2 {
    padding: 0 20px;
  }

  /***************FAQ PAGE**************/
  .inner-bg {
    background-size: cover;
  }

  .inner-prd {
    margin-top: 25px;
  }

  .accordion-container {
    padding: 30px 0;
  }

  .accordion {
    padding-left: 15px;
  }

  .acdn-content {
    padding-left: 15px;
  }

  /***************CONTACT PAGE**************/
  .cont-inner {
    padding: 20px 0 40px;
  }

  /********PRODUCT SECTION********/
  .prd-sec1-inr-lft .smll-sec {
    margin-bottom: 11px;
    width: 97%;
  }

  .slick-track {
    width: 78px;
  }

  ul.sec1-list li {
    height: 440px;
    padding: 25px 15px 0;
  }

  .cbd-label-img {
    margin-top: 20px;
    width: 90%;
    margin-left: 5%;
  }

  .howtouse {
    width: 100%;
  }

  .howtouse h3 {
    text-align: center;
  }

  .howtouse ul {
    margin-top: 10px;
  }

  .howtouse ul li {
    width: 33.33%;
    padding: 0;
    text-align: center;
  }

  .howtouse ul li span {
    position: static;
    display: inline-block;
  }

  .howtouse ul li p {
    text-align: center;
    margin-top: 10px;
    padding: 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .bnr-sec .display-4 {
    font-size: 1.70rem;
    font-weight: 600;
    margin-top: 3rem;
    line-height: 1.2;
  }
  .c-boxml h2 {
    font-size: 1.60rem;
    margin-bottom: 2rem;
  } 
  .section-4 h2 {
    font-size: 1.6rem;
  }  
  .display-4 {
    font-size: 1.5rem;
  }
  .product-mnbt {
    padding: 0;
  }  
  .product-mnbt h2 {
    padding-bottom: 0;
  }  
  .c-boxml {
    padding:2rem 0rem;
    margin-bottom: 0rem;

  }  






  img.img-responsive {
    width: 100%;
    object-fit: cover;
  }
  .for-mob {
    display: block;
  }

  .mob-hide {
    display: none;
  }
  .logo {
    width: 160px;
  }

  .mob-mnu {
    float: right;
    padding: 15px 5px 0 0;
  }

  .slider {
    width: 100%;
  }

  .prd-sec1-inr-lft {
    width: 100%;
  }

  .prd-sec1-inr-lft .smll-sec {
    width: 30% !important;
    margin-top: 20px;
  }

  .prd-sec1-inr-rgt img {
    max-width: 90%;
  }

  .prd-sec1-inr-lft .smll-sec:nth-child(2) {
    margin-left: 4.5%;
    margin-right: 4.5%;
  }

  .comn-hdg {
    font-size: 28px;
    line-height: 32px;
  }

  .comn-sub-hdg {
    font-size: 24px;
    line-height: 26px;
  }
  .product-mnbt .btn-info{
    margin-bottom: 2rem;
  }
  .prd-details {
    height: auto;
  }

  ul.sec2-list li:nth-child(1) .btn, ul.sec2-list li:nth-child(2) .btn {
    padding-top: inherit;
  }


  .bnr-lft {
    width: 100%;
    margin: 0;
  }

  .bnr-lft span {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: -1px;
  }

  .bnr-prd {
    width: 250px;
    margin: 0 auto;
  }

  ul.strip-list li {
    width: 50%;
    margin: 12px 0;
    font-size: 12px;
  }

  ul.strip-list li:nth-child(2) {
    border-right: none;
  }

  ul.sec1-list li {
    width: 100%;
    padding: 25px 15px 0;
    height: auto;
  }

  ul.sec1-list li:nth-child(2) {
    margin: 30px 0;
  }

  .parlx-sec {
    background-size: cover;
  }

  .parlx-sec span {
    /* font-size: 24px; */
    line-height: 28px;
  }

  ul.sec2-list li {
    width: 100%;
  }

  ul.sec2-list li:nth-child(2) {
    margin: 30px 0;
  }

  .prd-details {
    padding: 20px 10px;
  }


  /********PRODUCT SECTION********/
  .slick-track {
    width: 0;
  }

  /***************FAQ PAGE**************/
  .inner-txt {
    width: 100%;
    text-align: center;
    padding: 15px 0;
  }

  .inner-txt p {
    line-height: 20px;
    padding: 5px 0 0 0;
  }

  .inner-txt span {
    font-size: 24px;
    line-height: 28px;
  }

  .acdn-bg {
    margin: 5px 0;
  }

  .accordion {
    font-size: 17px;
  }

  .acdn-content {
    padding: 15px;
  }

  /***************CONTACT PAGE**************/
  .frm-container {
    padding: 0;
    border: 0;
  }

  .cont-inner-lft {
    width: 100%;
  }

  .cont-inner-rgt {
    width: 100%;
  }

  .frm-hdg-txt {
    font-size: 22px;
    line-height: 26px;
    padding: 20px 0;
  }

  /********PRODUCT SECTION********/
  .prd-sec1 {
    padding: 20px 30px;
  }

  .prd-sec1-txt1 {
    font-size: 22px;
    line-height: 28px;
  }

  .prd-sec1-txt6 {
    margin-right: 0;
    padding: 0 0 15px 0;
    border: none;
    float: left;
    width: 100%;
  }

  .prd-sec1-btn {
    width: 215px;
  }

  ul.prd-sec1-list {
    margin-bottom: 20px;
  }

  .prd-sec1-lft {
    display: none;
  }

  .mob-view.for-mob {
    max-width: 400px;
    margin: 20px auto;
  }

  .prd-sec1-rgt {
    width: 100%;
    text-align: center;
  }

  .cbd-label-img {
    margin-top: 20px;
    width: 100%;
    margin-left: 0;
  }

  .howtouse ul {
    margin-top: 0;
  }

  .howtouse ul li {
    width: 100%;
    padding: 0;
    text-align: center;
    margin-top: 20px;
  }

  .howtouse ul li p {
    font-size: 16px;
    line-height: 24px;
  }

  .prd-sec3 {
    padding: 40px 0;
  }

  ul.prd-sec3-list li {
    width: 100%;
  }

  ul.prd-sec3-list li:last-child {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 360px) {
  .bnr-txt1 {
    font-size: 18px;
    line-height: 22px;
  }

  .bnr-lft span {
    font-size: 21px;
    line-height: 24px;
  }

  .bnr-txt2 {
    font-size: 17px;
    line-height: 21px;
  }

  .comn-hdg {
    font-size: 22px;
    line-height: 26px;
  }

  .comn-sub-hdg {
    font-size: 21px;
    line-height: 23px;
  }

}

/*---------------------
CSS FOR CART PAGE
----------------------*/
.sec1-cartin {
  width: 100%;
  float: left;
  border-radius: 5px;
  margin: 80px 0;
}

table.tbl1 tr:first-child td:first-child {
  border-top-left-radius: 5px;
}

table.tbl1 tr:first-child td:last-child {
  border-top-right-radius: 5px;
}

table.tbl2 {
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.row1 {
  color: #1f1f1f;
  font-size: 20px;
  padding: 10px 0;
  font-family: "oswald", sans-serif;
  font-weight: 400;
  background: #ececec;
  text-align: left;
  text-transform: uppercase;
}

.row2, .row3 {
  border-bottom: 1px solid #e9e9e9;
}

.c2, .c3 {
  width: 17%;
}

.c1 {
  width: 47%;
}

.midc2 {
  width: 17%;
}

.midc3 {
  width: 20%;
}

.midc1 {
  width: 47%;
}

.midc4 a {
  color: red;
}

.txt1-cart {
  color: #343434;
  padding: 8px 0;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  text-align: left;
  font-size: 18px;
}

.procrt {
  margin: 0 20px 0 40px;
  padding-top: 2px;
  float: left;
  height: 70px;
}

.c1 {
  padding-left: 5.3%;
}

.txt3-crt {
  padding-top: 10px;
  color: #454545;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
}

.txt3-crt span {
  color: #066035;
}

.drop {
  width: 13%;
  height: 35px;
  border: 2px solid #9a9a9a;
  margin-left: 10px;
  border-radius: 5px;
}

.pinktxt1 {
  color: #066035;
  font-size: 22px;
}

.sec1crt-row4td-l {
  text-align: right;
  width: 40%;
}

.sec1crt-row4td-r {
  text-align: left;
  padding-left: 25px;
  width: 40%;
}

.sec1crt-row4td-l, .sec1crt-row4td-r {
  font-size: 20px;
  color: #686868;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9e9e9;
}

.grand {
  font-size: 22px;
  color: #3a3a3a;
  border: none;
}

/************/
.sec1crt-frm {
  margin-top: 30px;
  float: left;
  width: 100%;
  padding: 0 25px 25px 25px;
  border-top: 1px solid #e9e9e9;
}

.confidence {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding: 15px 0;
}

.txtconfi {
  float: left;
  font-size: 20px;
  color: #191919;
  font-weight: 400;
  padding-top: 10px;
}

.confi-img {
  float: left;
  margin: 0 0 0 15px;
  max-width: 2%;
}

.sec1crt-frmlft {
  float: left;
  width: 48%;
  border-radius: 3px;
  border: 1px solid #e8e8e8;
}

.sec1crt-frmrgt {
  float: right;
  width: 48%;
  border-radius: 3px;
  border: 1px solid #e8e8e8;
}

.form-container {
  width: 100%;
  height: 655px;
  float: left;
}

.form-top {
  width: 100%;
  height: 60px;
  background: #e8e8e8;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  text-align: left;
  position: relative;
  padding-left: 80px;
}

.sec1crt-frmlft__ship-info {
  font-size: 16px;
  line-height: 22.5px;
  margin: 0 10px 0;
}

.hdng-icon {
  position: absolute;
  left: 15px;
  top: 10px;
}

.txt2-chk {
  float: left;
  width: 100%;
  font-weight: 600;
  line-height: 58px;
  font-size: 22px;
  color: #393939;
  text-transform: uppercase;
}

.form-content {
  width: 100%;
  padding: 20px;
  float: left;
  box-sizing: border-box;
}

.frmelements {
  width: 100%;
  float: left;
  margin: 0 0 18px 0;
}

.frmelements label {
  float: left;
  width: 100%;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #3e3e3e;
  text-align: left;
  padding-bottom: 8px;
}

.field {
  float: left;
  width: 100%;
  height: 45px;
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #6d6d6d;
  box-sizing: border-box;
  border-radius: 4px;
  padding-left: 45px;
}

.icon-box {
  float: left;
  width: 40px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}

.icon-box img {
  display: inline-block;
  margin-top: 6px;
}

.ft-input, .frmelements select {
  float: right;
  width: 100%;
  border: none;
  padding-right: 10px;
  height: 45px;
  line-height: 40px;
  color: #727272;
  font-size: 18px;
  font-family: "Source Sans Pro", sans-serif;
  outline: none;
}

input.ft-input:invalid {
  box-shadow: none;
}

.frmelements select {
  background: url(../images/arrow-input.png) no-repeat center right;
}

.frmelements select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: #727272;
}

:-moz-placeholder {
  color: #727272;
}

/* Firefox 18- */
::-moz-placeholder {
  color: #727272;
}

/* Firefox 19+ */
:-ms-input-placeholder {
  color: #727272;
}

.short1, .short2 {
  width: 48%;
  float: left;
}

.short2 {
  float: right;
}

.billing-toggle-txt {
  float: left;
  width: 100%;
  margin: 10px 0 20px 0;
  font-size: 16px;
  color: #626262;
  text-align: left;
  line-height: 23px;
}

.chkbx-chk {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.btn-payment-send {
  background: transparent;
  border: 0;
  float: left;
}

.cards {
  margin: 20px 0;
}

.field.no-icon {
  padding-left: 10px;
}

.whats-this {
  float: left;
  text-align: left;
  color: #066035;
  font-size: 16px;
  margin-top: 34px;
}

.button-crt {
  float: left;
  cursor: pointer;
}

.postal-crt {
  margin-top: 3px;
  display: inline-block;
}

.visible-opt {
  visibility: hidden;
}

@media only screen and (max-width: 1010px) {
  .sec1-cartin {
    margin: 40px 0;
  }

  .sec1crt-row4td-l, .sec1crt-row4td-r {
    font-size: 17px;
  }

  .grand {
    font-size: 17px;
  }

  .midc2 {
    width: 22%;
  }

  .sec1crt-frm {
    padding: 0 15px 25px 15px;
  }

  .txt2-chk {
    font-size: 18px;
  }

  .short1, .short2 {
    width: 100%;
  }

  .short2.mob-sort, .short1.mob-sort {
    width: 48%;
  }

  .visible-opt {
    visibility: visible;
  }
}
@media only screen and (max-width: 992px) {
  .bg1 {
    background: #2d2d2b !important;
    z-index: 2;
  }
  .navbar-brand {
    width: 39%!important;
  }

} 
@media only screen and (max-width: 767px) {
  table.tbl2 {
    padding: 0 10px;
  }

  .txtconfi {
    font-size: 17px;
  }

  .confi-img {
    width: 130px;
  }

  .row1 {
    font-size: 18px;
    padding: 5px 0;
  }

  .txt1-cart {
    font-size: 15px;
  }

  .procrt {
    margin: 0 5px;
  }

  .midc3 {
    width: 15%;
  }

  .pinktxt1 {
    font-size: 17px;
  }

  .c3 {
    width: 16%;
  }

  .procrt {
    width: 50px;
  }

  .drop {
    margin: 0 auto;
    display: table;
  }

  .midc2 {
    width: 30%;
  }

  .sec1crt-row4td-r {
    padding-left: 15px;
    width: 27%;
  }

  .sec1crt-row4td-l {
    width: 45%;
  }

  .sec1crt-frm {
    padding: 0 10px 0 10px;
  }

  .hdng-icon {
    left: 5px;
  }

  .form-top {
    padding-left: 70px;
  }

  .txt2-chk {
    font-size: 17px;
  }

  .sec1crt-frmlft, .sec1crt-frmrgt {
    width: 100%;
    margin-bottom: 20px;
  }

  .form-content {
    padding: 15px;
  }

  .prd-sec1-txt5 {
    text-align: left;
  }
}

@media only screen and (max-width: 500px) {
  .confidence {
    padding: 10px 0 10px 10px;
  }

  .txtconfi {
    font-size: 14px;
  }

  .confi-img {
    width: 110px;
  }

  .row1 {
    font-size: 15px;
  }

  .txt1-cart {
    font-size: 14px;
    line-height: 16px;
  }

  .txt3-crt span {
    text-transform: none;
  }

  .pinktxt1 {
    font-size: 15px;
  }

  .sec1crt-row4td-l, .sec1crt-row4td-r {
    font-size: 15px;
  }

  .grand {
    font-size: 13px;
  }

  .midc2 {
    width: 37%;
  }

  .midc3 {
    width: 16%;
  }

  .drop {
    width: 47%;
  }
  .headingTitle:before{
    top: -50%;
  }
}

@media only screen and (max-width: 359px) {
  .confi-img {
    padding: 0 0 0 10px;
  }

  .txtconfi {
    font-size: 13px;
  }

  .txt1-cart, .pinktxt1, .sec1crt-row4td-l, .sec1crt-row4td-r, .grand {
    font-size: 14px;
  }

  .midc2 {
    width: 37%;
  }

  .sec1crt-row4td-r {
    width: 17%;
  }

  .procrt {
    display: none;
  }

  .txt3-crt {
    padding-top: 0;
    letter-spacing: -1px;
  }

  .cards {
    width: 100px;
  }

  .txt2-chk {
    font-size: 18px;
  }
}

/* loading bar */
.js-div-loading-bar {
  animation: spin 4s linear infinite;
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999999;
  background-color: rgba(35, 35, 35, 0.2);
}

.js-div-loading-bar .sk-circle {
  height: 60px;
  left: calc(50% - 30px);
  position: absolute;
  top: calc(50% - 30px);
  width: 60px;
}

.js-div-loading-bar .sk-circle .sk-child {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.js-div-loading-bar .sk-circle .sk-child::before {
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  background-color: #ff3f3f;
  border-radius: 100%;
  content: "";
  display: block;
  height: 15%;
  margin: 0 auto;
  width: 15%;
}

.js-div-loading-bar .sk-circle .sk-circle1 {
  transform: rotate(0deg);
}

.js-div-loading-bar .sk-circle .sk-circle1::before {
  animation-delay: 1.2s;
}

.js-div-loading-bar .sk-circle .sk-circle2 {
  transform: rotate(30deg);
}

.js-div-loading-bar .sk-circle .sk-circle2::before {
  animation-delay: 1.1s;
}

.js-div-loading-bar .sk-circle .sk-circle3 {
  transform: rotate(60deg);
}

.js-div-loading-bar .sk-circle .sk-circle3::before {
  animation-delay: 1s;
}

.js-div-loading-bar .sk-circle .sk-circle4 {
  transform: rotate(90deg);
}

.js-div-loading-bar .sk-circle .sk-circle4::before {
  animation-delay: 0.9s;
}

.js-div-loading-bar .sk-circle .sk-circle5 {
  transform: rotate(120deg);
}

.js-div-loading-bar .sk-circle .sk-circle5::before {
  animation-delay: 0.8s;
}

.js-div-loading-bar .sk-circle .sk-circle6 {
  transform: rotate(150deg);
}

.js-div-loading-bar .sk-circle .sk-circle6::before {
  animation-delay: 0.7s;
}

.js-div-loading-bar .sk-circle .sk-circle7 {
  transform: rotate(180deg);
}

.js-div-loading-bar .sk-circle .sk-circle7::before {
  animation-delay: 0.6s;
}

.js-div-loading-bar .sk-circle .sk-circle8 {
  transform: rotate(210deg);
}

.js-div-loading-bar .sk-circle .sk-circle8::before {
  animation-delay: 0.5s;
}

.js-div-loading-bar .sk-circle .sk-circle9 {
  transform: rotate(240deg);
}

.js-div-loading-bar .sk-circle .sk-circle9::before {
  animation-delay: 0.4s;
}

.js-div-loading-bar .sk-circle .sk-circle10 {
  transform: rotate(270deg);
}

.js-div-loading-bar .sk-circle .sk-circle10::before {
  animation-delay: 0.3s;
}

.js-div-loading-bar .sk-circle .sk-circle11 {
  transform: rotate(300deg);
}

.js-div-loading-bar .sk-circle .sk-circle11::before {
  animation-delay: 0.2s;
}

.js-div-loading-bar .sk-circle .sk-circle12 {
  transform: rotate(330deg);
}

.js-div-loading-bar .sk-circle .sk-circle12::before {
  animation-delay: 0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* loading bar ends */
/* modal style */
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 600px;
    margin: 30px auto;
  }
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.5;
  text-align: center;
}

.modal-header::after {
  content: "";
  display: table;
  clear: both;
}

.modal-body {
  position: relative;
  padding: 15px 30px;
}

#select_cart_form .fv-help-block {
  text-align: left;
}

.cards .active img {
  border-radius: 6px;
  border: 3px solid #01e478;
}

.comment-box {
  height: 100px !important;
  padding-left: 0 !important;
}

.modal-body p {
  text-align: left;
}

/* modal style ends */
/* accordion faq start */
.Collapsible {
  float: left;
  width: 100%;
  margin: 10px 0;
  border: 1px solid #c2c2c2;
  background: #ebebeb;
  background: -moz-linear-gradient(top, #ebebeb 0%, #c4c4c4 100%);
  background: -webkit-linear-gradient(top, #ebebeb 0%, #c4c4c4 100%);
  background: linear-gradient(to bottom, #ebebeb 0%, #c4c4c4 100%);
}

.Collapsible__trigger {
  box-sizing: border-box;
  color: #066035;
  cursor: pointer;
  float: left;
  font-weight: 700;
  font-size: 18px;
  text-align: left;
  line-height: 24px;
  margin: 4px 0;
  padding: 10px 25px 15px 30px;
  width: 100%;
  letter-spacing: -0.5px;
}

.Collapsible__contentOuter {
  height: 0;
  transition: height 400ms linear 0s;
  overflow: hidden;
  box-sizing: border-box;
  color: rgb(62, 62, 62);
  float: left;
  font-size: 20px;
  line-height: 28px;
  text-align: left;
  letter-spacing: -0.5px;
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  width: 100%;
}

.Collapsible__contentInner {
  padding: 15px 60px 15px 25px;
}

.txt1 {
  font-size: 16px;
  line-height: 22px;
  padding-top: 10px;
}

.is-open {
  background: url(../images/ahov2.png) 98% center no-repeat;
  border-bottom: none;
}

.is-closed {
  background: url(../images/acord2.png) 98% center no-repeat;
}

.prc {
  margin: 5px 0;
  padding: 11px 15px;
  background: #cccccc59;
  max-width: 80%;
  border-radius: 4px;
  text-align: left;
}

.product-wrapper {
  cursor: pointer;
}

.smll-sec {
  cursor: pointer;
}

.midc4 {
  text-align: left;
  width: 43%;
}

.sec1cont-lft {
  margin-top: 102px;
}

.thanks-box {
  border: 1px dashed #666666;
  border-radius: 4px;
  font-size: 20px;
  margin: 40px auto;
  padding-bottom: 30px;
  width: 600px;
}

.tphrd_txt1-1 {
  font-family: "Oswald",sans-serif;
  font-size: 90px!important;
  letter-spacing: -1.5px;
  text-align: center;
  margin: 50px 0 0;
  text-transform: uppercase;
  padding-top: 70px;
}

.thanks-heading {
  float: left;
  font-size: 30px;
  font-weight: 700;
  margin: 25px 0;
  text-align: center;
  width: 100%;
}

/*.prc:hover{
background-color:#197d31c7;
}*/
/* accordion faq end     */

.prc.active {
  background: #deb05d;
  color: #fff;
}
.color2 {
  color: #fff !important;
}

.sec2-prd {
  padding: 20px;
  z-index: 5;
  position: relative;
}
.containText {
  background-color: #00000094;
  padding: 20px 20px;
}

.c-ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
}

.c-ripple__circle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
}

.c-ripple.is-active .c-ripple__circle {
  -webkit-animation: a-ripple 0.4s ease-in;
  animation: a-ripple 0.4s ease-in;
}

/**
* Animation: Ripple
* --------------------------------------------------
*/
@-webkit-keyframes a-ripple {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  100% {
    width: 200%;
    padding-bottom: 200%;
    opacity: 0;
  }
}

@keyframes a-ripple {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  100% {
    width: 200%;
    padding-bottom: 200%;
    opacity: 0;
  }
}

@media (max-width: 768px) {
  ul.menu-list {
    float: none;
    margin-top: 5px;
  }

  .bg-color-02{
    height: 442px !important;
  }

  .banner_dtl{
    padding: 4em 1em !important;
  }

  .banner_dtl:before{
    visibility: hidden;
  }

  .banner_dtl:after{
    visibility: hidden;
  }

  .product_img_dtl{
    top: 70% !important;
    width: 100% !important;
    height: 279px !important;
    left: 0% !important;
  }

  .banner_dtl h2{
    font-size: 3.5em !important;
    line-height: 1.5;
  }

  .service_box_dtl{
    height: auto !important;
  }

  .sbox-13-txt h5{font-size: 1.5em !important;}

  .sbox-13-txt p{
    font-size: 17px !important;
  }

  .sbox_img_dtl img{
    width: 67%;
  }

  .sbox_img_dtl{
    margin-top: -14% !important;
  }

  .sbox-13-txt{
    margin-top: 6% !important;
  }

  .banner-part-01 .pro-name{
    text-align: center;
    font-size: 4.5em !important;
  }

  .banner-part-01 p{
    text-align: center;
  }

  .banner_details{
    text-align: center;
    margin-top: 0rem !important;
  }

  .footer_holder{
    text-align: center;
  }

  .footer a{
    text-align: center !important;
  }

  ul.menu-list li a {
    float: left;
    padding: 6px 0px;
    transition: 0.3s ease-in-out all;
    -o-transition: 0.3s ease-in-out all;
    -moz-transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    margin: 5px 5px;
    position: relative;
    text-align: center;
    display: block;
    width: 96%;
  }

  ul.menu-list li a:before {
    border: 2px solid #fff;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: skewX(15deg);
    z-index: -2;
    width: 100%;
  }

  .sec2 {
    padding: 85px 0 60px;
  }
}
.nav-top
{
  background: #b3094d;
  width: 100%;
  height: 6px;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
  color: #000;
  background-color: transparent;
}
.second
{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: 0.7s;
}

.useSection {
  background: #f9f4d5;
}

.contentWrap{

}
.termsBox > div {
  /* flex-direction: column; */
  /* display: flex; */
}
.termsBox {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: auto;
  background-color: transparent;
}
button.navbar-toggler {
  z-index: 5;
  border-color: rgb(255, 255, 255) !important;
  color: #fff !important;
}
span.fa.fa-align-justify {
  color: #fff;
}
.box
{
  padding: 20px;
}

.nav-link{
  padding: .3rem 0rem;
}
.termsBox div> a {
  color: #fff;
}
/* ANIMATION */
@keyframes cf4FadeInOut {
  0% {
    opacity:1;
  }
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
.footerBg{
  background-color: transparent;
}
#cf4a{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  opacity: 0.5;
}
#cf4a img:nth-of-type(1) {
  animation-delay: 6s;
  animation-name: cf4FadeInOut;
}
#cf4a img:nth-of-type(2) {
  animation-delay: 4s;
  animation-name: cf4FadeInOut;
}
#cf4a img:nth-of-type(3) {
  animation-delay: 2s;
  animation-name: cf4FadeInOut;
}
#cf4a img:nth-of-type(4) {
  animation-delay: 0;
  animation-name: cf4FadeInOut;
}
#cf4a img{
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.three-section {
  background-image: url(../images/section-2.jpg);
  -ms-transform: skewY(-4deg);
  -webkit-transform: skewY(-4deg);
  transform: skewY(-4deg);
}
#cf4a img{
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 8s;
  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 8s;
  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 8s;
  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 8s;
}

.thankyou {
  min-height: 100vh;
  justify-content: center;
}
.footer a {
  color: #fff !important;
  text-align: left;
}
.disclaimer a{
  color: #1dd7f5;
}
#navbarSupportedContent {
  z-index: 3;
}

#preloader  {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99;
  height: 100%;
}

#status  {
  width: 256px;
  height: 256px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(../images/preloader.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}
canvas {
  display: block;
  vertical-align: bottom;
}

/* ---- particles.js container ---- */

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.productList {
  display: flex;
  align-items: center;
  padding: 1rem 0.8rem;
  margin-top: 5px;
  border-radius: 2px;
  font-size: 1rem;
  border-bottom: 1px solid #ccc;
}
.selectProduct {
  width: 100%;
}
.productTitle {
  width: 87%;
  text-align: left;
  margin-left: 5px;
}
.proImag-d {
  max-width: 30%;
}
.prrrr td,
.prrrr th{
  vertical-align: middle;
}
td.w-50.ng-binding {
  width: 100% !important;
  align-items: center;
  display: flex;
}
/*====================================RESPONSIVE===========================================*/

@media (min-width: 992px){
  .bnr-lft {
    padding-left: 50px;
  }
  header{ background: #fff;}
}
@media (max-width: 768px){
  #mainNav {
    min-height: 5rem;
  }
  .display-3 {
    font-size: 2.5rem;
  }
  .bnr-sec{
    min-height: auto;
    padding-top: 60px;
    padding-bottom: 50px;
  }
}

.card
{
  width: 100%;
  text-align: center;
  border-radius: 8px;
  margin-top: 30px;

}

.min-product-bgmin{

}
.min-product-bgmin .card
{
  width: 100%;
  text-align: center;
  padding: 25px 25px 55px;
  position: relative;
  z-index: 1;
}
.min-product-bgmin .card:before {
  content: '';
  background: linear-gradient(#517290, #0c3b61);
  border-radius: 20px;
  position: absolute;
  left: 10px;
  right: 0;
  top: 15px;
  bottom: 0;
  z-index: -1;
}
.min-product-bgmin .card:after {
  content: '';
  background: #fff;
  left: 0;
  right: 10px;
  top: 0;
  bottom: 15px;
  clip-path: polygon(15% 0, 100% 0, 100% 95%, 92% 100%, 0 100%, 0 12%);
  position: absolute;
}
.min-product-bgmin .card #terms{
  position: relative;
  z-index: 2;
  padding: 1rem 0rem;
  padding-top: 3rem;
}










.min-product-bgmin .card .card-header {
  position: relative;
  z-index: 1;
}
.min-product-bgmin .card img {
  position: relative;
  z-index: 1;
}
.min-product-bgmin .card .prd-sec1-txt2 {
  position: relative;
  z-index: 1;
}
.min-product-bgmin .card a {
  position: relative;
  z-index: 1;
  margin-bottom: 3rem;
  margin-left: 2rem;
  margin-right: 2rem;
}
.min-product-bgmin .card .text-body {
  position: relative;
  z-index: 1;
}
.min-product-bgmin{
  background: #dddcdc;
  position: relative;
  padding: 5rem 0rem;
}

.min-product-bgmin .card{
  background: none;
  border: 0;
}























.pro
{
  margin-top: 60px;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
  color:rgb(86, 199, 112);
}
.navbar-light .navbar-nav .nav-link {
  color: rgb(255, 255, 255);
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #ffffff !important;
}

.row.useBox {
  -ms-transform: skewY(4deg);
  -webkit-transform: skewY(4deg);
  transform: skewY(4deg);
}

.bg-img
{
  background: url(../images/bk1.png) no-repeat center;
  background-size: cover;
}
.bg-img1
{
  background: url(../images/bk2.png) no-repeat center;
  background-size: cover;
}  

section.bnr-sec:before {
  content: "";
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 57px;
  background:url(../images/back-bg.png);
  position: absolute;
  z-index: 9;
}


@media only screen and (max-width:768px){
  .bnr-sec p {
    color: #fff !important;
    font-size: 1.1rem;
    padding: 1rem 0rem;
  }

  .product-mnbt {
    background: url(../images/bnr-bg2.jpg) no-repeat center top;
    height: auto;
    box-shadow: inset 0 0 0 2000px rgba(255, 255, 255, 0.7);
    background-size: cover;
    padding-bottom: 10rem
  }
  .navbar-light .navbar-nav .nav-link {
    color: rgb(255, 255, 255) !important;
  }
}



@media (max-width: 767px) { 
  body {
    /* default is 1rem or 16px */
    font-size: 16px;
  }
  /*.banner-part-01 h1 {
  color: #fff;
  font-size: 2rem;
}*/
  .banner-part-01::before {
    width: 100%;
  }
  .banner-part-01 .img-absolute {
    padding: 3rem 0rem;
    margin: 0;
  }
  .banner-part-01  .text-left {
    text-align: center !important;
  }
  .banner-part-01 .offset-2 {
    margin-left: 0;
  }  
  .c-boxml .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2rem 1rem;
  }  
  .product-mnbt::before {
    width: 100%;
  }  
  .product-mnbt .mt-5 {
    margin-top: 0rem !important;
  }  
  .product-mnbt .mb-5 {
    margin-bottom: 1rem !important;
  } 
  .banner-part-01 h1 {
    margin-top: 1rem;
  }  
}
.container1{ overflow: hidden;}
/*--------------------------css-----------------------*/
.banner_text{
  margin-top: 16rem;
  background: rgba(5,45,25,0.7);
  padding: 25px 40px;
}
/*.banner-part-01.banner_holder:before{
content: '';
position: absolute;
top: 0%;
left: 0%;
width: 37%;
height: 676px;
background-image: url(../images/h5-slide-img-6.png);
background-position: left;
background-repeat: no-repeat;
background-size: contain;
}*/
/*.banner_holder:after{
content: '';
position: absolute;
top: 0%;
right: 1%;
width: 34%;
height: 676px;
background-image: url(../images/h5-slide-img-7.png);
background-size: contain;
background-position: right;
background-repeat: no-repeat;
}*/
.card-body h5{
  font-family: 'Gayathri', sans-serif;
}
/*------------------------------css-----------------------------*/
.banner_text{
  z-index: 1;
}
.card-img-top {
  width: 27% !important;
  display: table !important;
  margin: 0 auto !important;
}
.card.shadow{
  position: relative;
}
.card-body-holder{
}

@media (min-width:401px) and (max-width:579px){

  .navbar-brand img {
    /* width: 47%; */
    margin-top: 0px;
  }

  .navbar-nav.ml-auto {

  } 

  .banner-part-01 h1 {
    font-size: 22px;
  }

  .product-mnbt .card {
    padding: 15px 20px;
  }  

  .product-mnbt .card .card-header {
    font-size: 18px;
    text-align: center;
  }  

  .product-mnbt .card-text:last-child {
    font-size: 15px;
    line-height: 20px;
    text-align: center;
  }  

  .product-mnbt .card-text {
    font-size: 15px;
    line-height: 20px;
    text-align: center;
  }

  .product-mnbt {
    background: none;
  } 

  .product-mnbt h2 {
    text-align: center;
  } 

  .product-mnbt .mb-5 {
    margin: 0 auto;
    display: block;

  }

  .btl_img {
    position: relative;
    width: 30%;
    float: none;
    margin: 0 auto;
    display: block;    
    margin-bottom: 0;
    margin-top: 20px;
  } 

  .rightSection {
    margin-top: 100px;
  }

  section {
    padding-top: 0;
  }  

}
/*----------------------preloader------------------*/
.spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;

  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #333;
  border-radius: 100%;

  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/*--------------------css------------------*/
/*.banner_details{
padding-top: 9%;
}*/
.bg-mnz-holder{
  position: relative;
  height: 100%;
}
.bg-mnz-holder:after{
  content: '';
  width: 100%;
  height: 36px;
  background: #28a745;
  -ms-transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
  position: absolute;
  bottom: -5%;
  left: 0%;
}
.bg-mnz.abt_details{
  position: relative;
}
.bg-mnz.abt_details:after{
  content: '';
  width: 100%;
  height: 36px;
  background: rgb(156, 194, 34);
  -ms-transform: rotate(1deg);
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
  position: absolute;
  bottom: -5%;
  left: 0%;
}
.card.top-ma.abt_two{
  height: 216px;
}
.top-margin {
  margin-top: 100px;
}
.line, .lineAfter {
  position: relative;
}

.line:before {
  position: absolute;
  content: '';
  top: -57%;
  width: 2px;
  background: #fff;
  height: 71%;
  margin: auto;
  left: 0;
  right: 0;
}
.lineAfter:after {
  position: absolute;
  content: '';
  bottom: -46%;
  width: 2px;
  background: #fff;
  height: 58%;
  margin: auto;
  left: 0;
  right: 0;
}
.footer_holder {
  width: 100%;
  background: #002345;
  position: relative;
}
.foot_last_dtl{
  background-color: #247bd0;
  padding: 20px 20px;
}
.foot_last_dtl p{
  text-align: center;
  color: #fff;
  font-size: 11px;
  line-height: 1.8;
  letter-spacing: 1px;
}
.bg-warning {
  background-color: #edb307!important;
}
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
  background-color: #008444!important;
}
.btn-danger.focus, .btn-danger:focus {
  box-shadow: 0 0 0 0.2rem rgb(8, 255, 135);
}
.header-home{
  width: 100%;
  background: none !important;
  /* border-bottom: 0px solid #112965; */
  /* position: Fixed; */
  background: transparent !important;
  display: none;
}
.header-home .bg1{
  background-color: transparent !important;
}
.header-home .nav-link {
  font-family: arial;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 15px;
  font-weight: 420;
  color: #ffffff !important;
  font-family: 'Roboto Condensed', sans-serif;
  margin-left: 8px;
  padding: 10px 30px !important;
  border-radius: 6px;
  font-weight: bold;
}
.header-home .nav-link :hover {
  color: #ffffff !important;
}
.banner-part-01 .btn-primary {
  color: #fff;
  background-color: #701741;
  border-color: #701741;
  float: none;
  border-radius: 30px;
  font-size: 24px;
  padding: 8px 30px;
}
.header-home .navbar-light .navbar-nav .nav-link:hover{
  color: #d0d0d0 !important;
}
.about-bg-text{
  position: relative;
  padding: 7rem 0rem;
  background: #e6e6e6;
  display: none;
}
.abtimage{
  margin: 0;
}
.abtimage img{
  width: 100%;
}
.about_txt_dtl{
  margin-top: 0%;
  padding: 5em 2em;
}
.about-bg-text h3{
  font-size: 33px;
  font-weight: 700;
  line-height: 1.3;
  color: #4b4949;
  letter-spacing: 2px;
  text-align: left;
  font-family: 'Yusei Magic', sans-serif;
  text-transform: uppercase;
}

.about-bg-text h3 span{
  color: #ff7e87;
}

.about-bg-text p{
  font-size: 15px;
  font-weight: 400;
  line-height: 1.9;
  text-align: left;
  color: #585656;
  letter-spacing: 0.5px;
  padding: 1rem 0rem;
}

.abt_btn{
  width: 38%;
  text-align: center;
  display: block;
  padding: 10px 0;
  border-radius: 5px !important;
  margin-top: 5px;
  color: #efe9e9;
  text-decoration: none;
  cursor: pointer;
  transition: 0.5s all ease !important;
  background-color: #b32730;
  border: 1px solid #fff;
}

.abt_btn:hover {
  color: #ffffff;
  text-decoration: none;
  box-shadow: none;
  transition: 0.5s all ease;
}

/*.product-fontnd .serviceBox:after{
content: "";
background: #FF018F;
width: 20px;
height: 20px;
box-shadow: 20px 0 20px -20px rgba(0, 0, 0, 0.5) inset;
position: absolute;
bottom: 10px;
right: 0;
clip-path: polygon(0 0, 100% 0%, 0 100%);
}*/
.product-fontnd .serviceBox .service-icon{
  color: #fff;
  font-size: 45px;
}
.product-fontnd .serviceBox:hover .service-icon i{
  transform: rotate(360deg);
  transition: all 0.3s;
}
.product-fontnd .serviceBox.blue:after{ background: #677530; }
/*.product-fontnd .serviceBox.blue .service-content{ background: linear-gradient(to left bottom,#96ac3e,#677530); }*/

.product-fontnd .serviceBox.purple:after{ background: #910090; }
.product-fontnd .serviceBox.purple .service-content{ background: linear-gradient(to left bottom,#F83ABE,#910090); }
.product-fontnd .serviceBox.purple .title{ color: #910090; }
.product-fontnd .serviceBox.green:after{ background: #00AE85; }
.product-fontnd .serviceBox.green .service-content{ background: linear-gradient(to left bottom,#02F4C1,#00AE85); }
.product-fontnd .serviceBox.green .title{ color: #00AE85; }
@media only screen and (max-width:990px){
  .product-fontnd .serviceBox{margin: 0 0 0px;padding: 0;}
}

@media only screen and (max-width: 992px) {
  .navbar-nav.ml-auto {
    background: #0b1d49 !important;
  }
  .product-fontnd .text-right{
    text-align: center!important;
  }
  .about-bg-text h3 {
    padding-top: 3rem;
  }
}
.banner-part-01 .pro-name{
  font-size: 5em;
  margin: 0;
  line-height: normal;
  margin-bottom: 1rem;
  color: #ffffff;
  letter-spacing: 4px;
}

.banner_details {
  margin-top: 3rem;
  background: transparent;
  padding: 41px 20px;
}

.serviceBox_txt h3 {
  text-transform: uppercase;
  font-size: 28px;
  color: #fff;
  font-weight: normal;
  font-family: 'Roboto Condensed', sans-serif;
}

.serviceBox_txt {
  background: rgba(107,18,60,0.7);
  padding: 30px 25px;
  margin-top: 50px;
  border-radius: 60px 0;
}

.product-fontnd .serviceBox .btn-primary {
  color: #fff;
  background-color: #701741;
  border-color: #701741;
  float: none;
  border-radius: 30px;
  font-size: 24px;
  padding: 8px 30px;
}
/*----------------------------------*/
.btn{
  border: 2px solid transparent;
  border-radius: 0;
  text-transform: uppercase;
  position: relative;
  transition: all 0.3s ease 0s;
  padding: 15px 40px;
  font-size: 1rem;
}
.btn:before{
  content: "";
  height: 6px;
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
  position: absolute;
  bottom: -8px;
  left: 4px;
  right: -8px;
  transition: all 0.3s ease 0s;
}
.btn.btn-sm:before{
  height: 5px;
  bottom: -7px;
  left: 4px;
  right: -6px;
}
.btn:hover:before{
  bottom: -2px;
  left: -2px;
  right: 2px;
  border-color: transparent;
}
.btn:after{
  content: "";
  width: 6px;
  border-right: 2px solid transparent;
  border-top: 2px solid transparent;
  position: absolute;
  bottom: -8px;
  right: -8px;
  top: 4px;
  transition: all 0.3s ease 0s;
}
.btn.btn-sm:after{
  width: 5px;
  bottom: -7px;
  top: 2px;
  right: -7px;
}
.btn:hover:after{
  bottom: 2px;
  right: -2px;
  top: -2px;
  border-color: #e16b4700;
}
.btn.red,
.btn.red:before,
.btn.red:after{
  border-color: #ff6e6e;
  color: #ff6e6e;
}
.btn.blue,
.btn.blue:before,
.btn.blue:after{
  border-color: #ffffff;
  color: #ffffff;
  font-weight: bold;
}
.btn.blue1,
.btn.blue1:before,
.btn.blue1:after{
  border-color: #000000;
  color: #000000;
  font-weight: bold;
}
.btn.orange,
.btn.orange:before,
.btn.orange:after{
  border-color: #ef965c;
  color: #ef965c;
}
.btn.green,
.btn.green:before,
.btn.green:after{
  border-color: #7ad79a;
  color: #7ad79a;
}
@media only screen and (max-width: 767px){
  .btn{ margin-bottom: 25px; }
}

/*------------------------//------------------*/
.banner-part-01 .btn.blue{
  /* color: #ffffff; */
}
/*--------------------------------------*/
.subtext-box{
  font-family: 'Ubuntu', sans-serif;
  position: relative;
  border: 1px solid #d6d2d2;
}
.subtext-box:before{
  content: '';
  background: linear-gradient(45deg,rgb(0 0 0 / 60%), rgb(0 0 0 / 60%));
  height: 100%;
  width: 100%;
  opacity: 0;
  filter: blur(10px);
  transform: scale(1) rotate(180deg);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: all 0.4s ease-in-out;
}
.subtext-box:hover:before{
  subtext-box-shadow: 0 0 10px 2px #555;
  /* opacity: 1; */
  filter: blur(0);
  transform: scale(0.92, 0.9) rotate(0);
}
.subtext-box img{
  width: 100%;
  height: auto;
  transition: all 0.5s ease-in-out;
}
.subtext-box:hover img{}
.subtext-box .subtext-box-content{
  color: #fff;
  text-align: left;
  width: 100%;
  opacity: 1;
  position: absolute;
  bottom: -50px;
  left: 50%;
  z-index: 1;
  transition: all 0.5s ease;
  background: #464646;
  padding: 40px 30px;
}
.subtext-box:hover .subtext-box-content{
  opacity: 1;
}
.subtext-box .title{font-size: 22px;font-weight: 700;letter-spacing: 1px;margin: 0;color: #97b53c;padding-bottom: 1rem;}
.subtext-box .post{font-size: 15px;text-transform: capitalize;}
.subtext-box .icon{
  padding: 0;
  margin: 0;
  list-style: none;
  filter: blur(10px);
  transform: scale(0);
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 2;
  transition: all 0.5s ease 0.2s;
}
.subtext-box:hover .icon{
  transform: scale(1);
  filter: blur(0);
}
.subtext-box .icon li{ display: inline-block; }
.subtext-box .icon li a{
  color: #fff;
  background: rgba(255,255,255,0.2);
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  height: 40px;
  width: 40px;
  margin: 0 3px;
  display: block;
  position: relative;
  transition: all 0.3s;
}
.subtext-box .icon li a:hover{
  text-shadow: 0 0 6px #555;
  box-shadow: 0 0 5px #555;
}
@media only screen and (max-width:990px){
  .subtext-box{ margin-bottom: 30px; }
}
@media only screen and (max-width:479px){
  .subtext-box .title{ font-size: 20px; }
} 

/*--------------------------//---------*/


.card-header {
  background: transparent;
  /* border-style: dashed; */
  border-bottom: 0px dashed #f05a23;
  margin-bottom: 15px;
}
/*---------services-section------------*/
.services-section.division {
  padding: 3% 0 3%;
}
.section_cont{
  padding: 4% 0 0%;
  position: relative;
  background-color: transparent;
}
.sbox-13-txt{
  background: #fff;
  border-radius: 10px;
  padding: 40px 20px 40px;
  text-align: center;
  transition: all .5s;
  height: 123px;
}
.sbox-13-txt:hover{
  -webkit-transform: translateY(-12px)scale(1.1);
  -moz-transform: translateY(-12px)scale(1.1);
  -ms-transform: translateY(-12px)scale(1.1);
  -o-transform: translateY(-12px)scale(1.1);
  transform: translateY(-12px)scale(1.1);
}
.sbox_icon_dtl{
  display: inline-block;
  font-size: 40px;
  line-height: 100px;
  width: 100px;
  margin: 0 auto 20px;
  border-radius: 50%;
  color: #000000;
  background: #383633;
}
.sbox_icon_dtl img{
  width: 76%;
}
.sbox-13-txt h5{
  text-align: center;
  color: #353434;
  font-size: 17px;
  letter-spacing: 2px;
  padding-bottom: 4%;
  line-height: 1.5;
}
.sbox-13-txt p{
  text-align: center;
  color: #fff;
  font-size: 15px;
}
.section-title{
  padding: 3% 0;
}
.section-title h2{
  text-align: center;
  color: #463f3f;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 3px;
  position: relative;
  z-index: 1;
  font-family: 'Yusei Magic', sans-serif;
  padding-bottom: 1%;
  text-transform: uppercase;
}
.btn-success {
  color: #fff;
  background-color: #42678a;
  border-color: #42678a;
}
.sbox_btn{
  background-image: linear-gradient(to right, #9258f9, #c253db, #dc58c0, #e767aa, #e8799b);
  width: 70%;
  text-align: center;
  display: block;
  padding: 10px 0;
  border-radius: 25px !important;
  margin-top: 17px;
  box-shadow: 0px 0px 10px #b465d2;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  transition: 0.5s all ease !important;
  margin-left: 17%;
}
.about-fitness-left {
  float: left;
  width: 50%;
  text-align: right;
}
.about-fitness-left .about-left-img img {
  position: relative;
  z-index: 9;
}
.about-fitness-left .about-left-img {
  background: #fb5b21;
  position: relative;
  transition: all 0.3s ease 0s;
}
.padding-space {
  padding-top: 100px;
  padding-bottom: 100px;
}
.about-fitness-left .about-left-img:after {
  display: block;
  background: #fb5b21;
  position: absolute;
  content: "";
  right: -16px;
  top: 47%;
  width: 40px;
  height: 40px;
  -webkit-transform: rotate(220deg);
  -moz-transform: rotate(220deg);
  -o-transform: rotate(220deg);
  transform: rotate(220deg);
}
.about-fitness-right {
  background: #F5F5F5;
  float: left;
  padding-left: 50px;
  padding-right: 100px;
  width: 50%;
}

@media (max-width: 1920px) and (min-width: 1201px)
  .about-fitness-right .about-single-service {
    max-width: 478px;
}
.about-single-service .service-item {
  padding-bottom: 15px;
}
.media-left, .media>.pull-left {
  padding-right: 10px;
}
.about-single-service .service-item .service-image span:before {
  color: #fb5b21;
  font-size: 42px;
  margin: 0 15px 15px 0;
  display: block;
  line-height: 42px;
}
.media-body, .media-left, .media-right {
  display: table-cell;
  vertical-align: top;
}
.about-fitness-right .media-heading {
  margin-bottom: 15px;
  font-size: 22px;
}
.about-fitness-right .media-heading a {
  color: #111111;
}
.banner-part-01 .header-home{
  background: none !important;
}
.banner_cont{
  padding: 2em 0;
}
.banner_dtl{
  clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%, 0 34%);
  padding: 8em 4em;
  background-color: rgb(235 233 233 / 86%);
  position: relative;
  z-index: 1;
}
.banner_dtl:before{
  content: '';
  position:absolute;
  top: -3%;
  left: 21%;
  width: 20px;
  height: 145px;
  background-color: #118ebb;
  z-index: -1;
  transform: rotate(50deg);
}
.banner_dtl:after{
  content: '';
  position:absolute;
  top: 11%;
  left: 7%;
  width: 20px;
  height: 162px;
  background-color: #118ebb;
  z-index: -1;
  transform: rotate(50deg);
}
.logo_holder{
  display: flex;
  justify-content: flex-end;
}
.logo_holder img{
  width: 40%;
  background-color: rgb(4 8 2 / 64%);
}
.banner_dtl h2{
  font-family: 'Yusei Magic', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 4.5rem;
  padding-top: 1rem;
  text-align: right;
  background: -webkit-linear-gradient(#17adc6, #1478c8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.banner_dtl p{
  color: #272727;
  font-size: 23px;
  padding: 2rem 0rem;
  text-align: right;
  text-transform: capitalize;
}
.bnr_btn_dtl{
  display: flex;
  justify-content: flex-end;
}

/*---------------------------------*/
.btn-min-sup{
  color: #fff;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  z-index: 1;
  position: relative;
  transition: all 0.4s ease 0s;
  display: inline-block;
  padding: 1rem 2rem;
}
.btn-min-sup:hover{
  color: #fff;
}

.btn-min-sup.red{background: #1295ab;font-size: 15px;}
.btn-min-sup.blue{ background: #3bb4e5;}
.btn-min-sup.blue:after{ border: 2px solid #3bb4e5; }
.btn-min-sup.orange{ background: #ee955b;}
.btn-min-sup.orange:after{ border: 2px solid #ee955b; }
.btn-min-sup.green{ background: #79d799;}
.btn-min-sup.green:after{ border: 2px solid #79d799; }
@media only screen and (max-width: 767px){
  .btn-min-sup{ margin-bottom: 20px; }
}
/*-----------------------//----------*/
.srv_dtl{
  padding: 2em 2em;
  background-color: #1097ad;
  margin-bottom: 2%;
  position: relative;
  overflow: hidden;
}
.srv_dtl:before{
  content: '';
  width: 0;
  height: 0;
  border-top: 80px solid #127b8c;
  border-left: 80px solid transparent;
  position: absolute;
  bottom: 0%;
  left: 0%;
  box-shadow: 5px 7px 9px #186774;
}
.srv_dtl.srv_mdl_dtl{
  background-color: #526d96;
  position: relative;
  overflow: hidden;
}
.srv_dtl.srv_mdl_dtl:before{
  content: '';
  width: 0;
  height: 0;
  border-top: 60px solid #40597e;
  border-left: 60px solid transparent;
  position: absolute;
  bottom: 0%;
  left: 0%;
  box-shadow: 5px 7px 9px #2e486f;
}
.srv_dtl.srv_lst_dtl{
  background-color: #5a4196;
  padding: 2em 1em;
  position: relative;
  overflow: hidden;
}
.srv_dtl.srv_lst_dtl:before{
  content: '';
  width: 0;
  height: 0;
  border-top: 60px solid #412a78;
  border-left: 60px solid transparent;
  position: absolute;
  bottom: 0%;
  left: 0%;
  box-shadow: 5px 7px 9px #38216d;
}
.srv_dtl h5{
  font-family: 'Yusei Magic', sans-serif;
  color: #e2e6eb;
  font-size: 14px;
  padding: 1rem;
  line-height: 1.5;
  text-align: center;
}

.product-fontnd h3{
  text-align: left;
  color: #fe6d6d;
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 1.5rem 0rem;
  position: relative;
  z-index: 1;
  font-family: 'Yusei Magic', sans-serif;
  text-transform: uppercase;
}
.srv_img_holder img{
  width: 100%;
}
.product-fontnd p{
  font-size: 16px;
  padding-bottom: 1rem;
  color: #ebe1e1;
  padding-top: 4%;
}
.serbox_txt_dtl{
  background-color: #415263;
  padding: 5%;
  margin-left: -8%;
}
.product-fontnd h4{
  font-family: 'Kumbh Sans', sans-serif;
  text-transform: uppercase;
  font-size: 2.5em;
  color: #f1f2f3;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 2px;
}
.product-fontnd h4 span{
  color: #000;
}
.product-fontnd .product-bg-01{
  position: relative;
  /* z-index: 1; */
  background-color: #000;
  margin: auto;
}

@media only screen and (max-width: 992px) {
  .product-fontnd .product-bg-01 {
    margin: 3rem 0rem 2em;
  } 
  .serbox_txt_dtl{
    margin: 0 !important;
  } 
}