@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
body{overflow-x:hidden;}
html.fonts-loaded h1,h2,h3,h4,h5,h6{font-family: 'Roboto', sans-serif!important;}
.respro-header{height:85px;}
.floating-buttons{display:none!important;}
#preloader{	background-color:#fff;}
/*.whatsap_div i {line-height: 45px;padding: 3px;}
.whatsap_div {right: 0px; float: right !important; background: #2e925d !important; position: fixed; top: 300px;box-shadow: -2px 2px 5px rgba(0,0,0,.26); border-radius: 4px 0 0 4px;z-index: 99;padding:3px;/*-webkit-animation: bounce .5s infinite alternate;-moz-animation: bounce .5s infinite alternate;animation: bounce .5s infinite alternate;*}*/
/*@-webkit-keyframes bounce {to { -webkit-transform: scale(1.2); }}
@-moz-keyframes bounce {to { -moz-transform: scale(1.2); }}
@keyframes bounce {to { transform: scale(1.2); }}
.float-fb{-webkit-animation:bounce .5s infinite alternate;-moz-animation: bounce .5s infinite alternate; animation: bounce .5s infinite alternate;}*/
.animated1 {animation-duration: 15s;animation-fill-mode: both;animation-timing-function: ease-in-out;animation-iteration-count:infinite;}
@keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}
.bounce {animation-name: bounce;}
/*.float-fb{-webkit-animation:bounce .5s infinite alternate; -moz-animation: bounce .5s infinite alternate; animation: bounce .5s infinite alternate;}
.float-fb .spring{animation: none;}*/
@keyframes spring {
  0% {transform: scale(1) translateY(0); }
  10% { transform: scale(1.2, 0.6);}
  30% {transform: scale(0.8, 1.1) translateY(-30px);}
  50% {transform: scale(1) translateY(0);}
  100% {transform: translateY(0);}
}
.spring {animation: spring 7s;animation-timing-function: ease;animation-iteration-count: infinite;}
.header-4{position:relative;-webkit-box-shadow: 0px 3px 9px 0px rgba(158,152,158,1);-moz-box-shadow: 0px 3px 9px 0px rgba(158,152,158,1);
	box-shadow: 0px 3px 9px 0px rgba(158,152,158,1);background: #fff;}
.slider-fade-carousel {height: auto;}
.slider-content{padding: 5em 0.5em 2em 7em;}
.slider-content h3 {margin-bottom:20px;	font-size:26px;	text-transform:uppercase;}
.slider-content h3 strong{color:#2e3092;}
.top-header{background-color:#fff;padding:5px;border-bottom:1px solid #e3e3e3;}
.header-4 .mega-menu > section.menu-list-items{padding:10px 0;}
.top-header p.contact-header{color:#626267;margin-bottom:0;text-align:left;}
.top-header p a{color:#626267;font-size:12px;}
.top-social-links{text-align:right;}
.top-social-links i.fa-facebook{color:#3b579d;}
.top-social-links i.fa-linkedin{color:#0077b5;}
#menu-icon{right: 6%;top: 25px;}
.desktopTopFixed #menu-icon {right: 9%; top: 20px;}
.section_title_two {margin-bottom:40px;}
.text-center {text-align: center;}
#back-to-top .top{z-index:5;}
/*Table*/
.table thead th {vertical-align: middle;border-bottom: 2px solid #dee2e6;background: #0568bf;color: #fff;}
.table-responsive {/*box-shadow: 1px 5px 25px #d3d3d3;border-radius: 20px;*/}
/*.bs_status_tab table tr:nth-child(2n+1) td {background-color: #f5f5f5;}*/
.load_rol td {background-color: #f3f3f3;}
.load_list td {border-bottom: 1px solid #e9e9e9; padding: 15px 20px!important; text-align: center;}
.load_rol td {background-color: #f3f3f3;}
.load_list td {border-bottom: 1px solid #e9e9e9;padding: 15px 20px; text-align: center;}
.d_ico {vertical-align: middle; margin-right: 10px;width: 46px; height: 40px; border-radius: 20%;}
.line {background: url('../images/load_line.jpg') no-repeat left!important;}
.load_rel:hover { cursor: pointer;}
.load_rel:hover {background-color: #f3f3f3; cursor: pointer;}
/*End*/

/*Events*/
#owl-carousel-events1 .owl-nav>div::before {background: #b58a60 none repeat scroll 0 0;border-radius: 100px;content: "";height: 100%;left: 0;top: 0;
    transform: scale(1);transition: all 0.3s ease 0s;width: 100%;z-index: -1;position: relative;}
#owl-carousel-events1 .owl-nav {/* bottom: 40px; */bottom: 0; position: relative;  z-index: 9; /* width: 100%; */ /* left: 0%; */}
#owl-carousel-events1 .owl-nav>div {background: rgb(2, 183, 180) none repeat scroll 0 0; border-radius: 100px;color: #fff;display: inline-block;
    height: 50px;line-height: 50px; position: relative; text-align: center; width: 50px;}
#owl-carousel-events1 .owl-nav>div::before {background: #2e3092 ; border-radius: 100px; content: ""; height: 100%; left: 0;position: absolute;top: 0;
    transform: scale(1); transition: all 0.3s ease 0s; width: 100%;z-index: -1;}
#owl-carousel-events1 .owl-nav>div:hover::before { transform: scale(0.8);}
#owl-carousel-events1  .owl-nav .owl-prev {/* margin-right: 20px; */  position: absolute; /* top: 21px; */ bottom: 147px; left: 0px;right:auto;}
#owl-carousel-events1 .owl-nav .owl-next { position: absolute; /* top: 21px; */  bottom: 147px; right: 0px;}

#table-product	{
/*border: 1px dotted #a7a7a7!important;*/
}
#table-product > tbody > tr > td{
border: 1.7px solid #a7a7a7 !important;
}
.button-65 {
  padding: 14px 22px;
  width: 176px;
}
.button-65 {
  appearance: none;
  backface-visibility: hidden;
  /*background-color: #2f80ed;*/
  background-color: #0860bd;
  border-radius: 10px;
  border-style: none;
  box-shadow: none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  height: 50px;
  letter-spacing: normal;
  line-height: 1.5;
  outline: none;
  overflow: hidden;
  padding: 14px 30px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transform: translate3d(0, 0, 0);
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: top;
  white-space: nowrap;
}
.button-65:hover {
  background-color: #1366d6;
  box-shadow: rgba(0, 0, 0, .05) 0 5px 30px, rgba(0, 0, 0, .05) 0 1px 4px;
  opacity: 1;
  transform: translateY(0);
  transition-duration: .35s;
}
.grecaptcha-badge {
  visibility: hidden;
}
/*Mobile View*/
 @media only screen
and (min-device-width : 320px)
and (max-device-width : 767px)
and (orientation : portrait)
{
	#owl-carousel-events1 .owl-nav .owl-prev{bottom: 86px;left: 0px;}
	#owl-carousel-events1 .owl-nav .owl-next{bottom: 86px;right: 0px;}
}
.about-banner { position: relative; /*margin-left: 40px;*/}
.image-box1::before{content: ""; position: absolute;  width: 86%;  height: 100%;  border: 5px solid #204d74; top: -20px; right: -4px; z-index: 0;}
.image-box2::before{content: "";  position: absolute; width: 86%;  height: 100%; border: 5px solid #204d74; top: -20px;left: -4px;z-index: 0;}
.align-items-center {-ms-flex-align: center !important; align-items: center !important;}
.d-flex {display: -ms-flexbox !important; display: flex !important;}
.mega-menu .menu-links > li{padding:0 13px;}
.mega-menu .menu-links > li > a{text-transform:uppercase;letter-spacing:1px;display: inline-block; position: relative;padding:0px;}
.menu-links > li > a:after {display: block; position: absolute; bottom: 18px; content: ''; width: 0; height: 2px; background: #02b7b4;    -webkit-transition: all .5s; transition: all .5s; border: none; margin-left: 0;}
.menu-links > li.active > a:after {	width:100%;}
.section_title_two h6 { font-size: 16px; color: #989898;  text-transform: uppercase;  letter-spacing: 2px; padding-bottom: 10px;}
.section_title_two h2 { letter-spacing: 1px; color: #282828; position: relative; padding: 0 20px; display: inline-block;}
.section_title_two h2:before, .section_title_two h2:after { content: ''; position: absolute; top: 50%; width: 50px; height: 2px; background: #2e3092;}
.section_title_two h2:before { left: 100%;}
.section_title_two h2:after {right: 100%;}
.section_title_two h2 span {color: #2e3092;font-weight:700;}
.service {display: table; height: 100%;height: 1px;margin-bottom: 45px;}
.desc-service {display: table-cell;height: 100%;padding: 45px; background: #f1f2f6;}
.desc-service h3 {margin-top: 0;margin-bottom: 15px;}
.btn-primary {display: inline-block; margin: 25px 0 0 0; position: relative;border: none; border-radius: 30px; padding: 15px 35px; text-transform: uppercase; letter-spacing: .5px; font-size: 12px;/*font-size: 13px;*/ font-weight: 600; pointer-events: all; overflow: hidden; box-shadow: 0px 5px 15px 0px transparent; outline: 0 !important; background: #fff !important;color: #272727 !important; -webkit-transition: all 0.2s ease;    -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.r-btn{background-color: #fff !important;border: 1px solid #01b1ae;color: #01b1ae !important;}
.productbtn{border-radius: 5px;background-color: #204d74 !important;border: 1px solid #204d74;color: #fff !important;}
.productbtn:hover{border-radius: 5px;background-color: #fff !important;border: 1px solid #204d74;color: #204d74 !important;}
.downloadbtn{border-radius: 5px;background-color: #fff !important;border: 1px solid #204d74;color: #204d74 !important;}
.downloadbtn:hover{border-radius: 5px;background-color: #204d74 !important;border: 1px solid #204d74;color: #fff !important;}
.image-background {background-position: center; background-size: cover; background-repeat: no-repeat;}
.img-service { display: table-cell; height: 100%;}
/*start*/
.newlandscape { width: 100%; background-position: bottom; background-repeat: no-repeat; /*margin-top: -150px;*/ margin-top: -36px;/*padding:0 40px;*/
	padding:0 20px;	background-image: url(../images/respro/land.png);height: 388px; background-size: cover !important;}
.newlandscape { background-size: 1px 20px;z-index:-10;}
.newlandscape .onleft, .newlandscape .onright { width: 50%; height: 388px;}
.newlandscape .onleft {float: right;background-position: left bottom; background-repeat: no-repeat; background-size: contain !important;}
.newlandscape .onleft { position: relative;}
.newlandscape .onleft {background-image: url(../images/respro/land3.png);}
.newlandscape .onright {float: left;background-position: right bottom;background-repeat: no-repeat;background-size: contain !important;}
.newlandscape .onright {background-image: url(../images/respro/land4.png);}
#pulseright{background-image: url('../images/respro/landair.png')!important;}
#bipapright{background-image: url('../images/respro/landbipap.png')!important;}
#syringeright{background-image: url('../images/respro/landsyringe.png')!important;}
#infusionright{background-image: url('../images/respro/landinfusion.png')!important;}
#ac20right{background-image: url('../images/respro/landcpapac20.png')!important;}
#ac20wright{background-image: url('../images/respro/landcpapac20w.png')!important;}
.bg-call { background: url("../images/respro/07.jpg"); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; }
/* Bounce In */
.hvr-bounce-in {display: inline-block; vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { -webkit-transform: scale(1.2); transform: scale(1.2);  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);}
ol.nwlist1{	display: block;	padding:2px 0 0 30px;}
#text{	margin-left: 20px; margin-top: -25px;margin-bottom:10px;}
.no-gutter {  padding-left: 0px!important; padding-right: 0px!important;}
/*End*/
/*Polygon*/
@-webkit-keyframes round {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);  }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes round {
  0% { -webkit-transform: rotate(0deg);  transform: rotate(0deg);}
  100% { -webkit-transform: rotate(360deg);  transform: rotate(360deg); }
}
.iconic svg .bg-shape { stroke: #6633cc; stroke-width: 8px;  fill: transparent;  vector-effect: non-scaling-stroke; opacity: 0.1;}
.iconic div.icon-one svg, div.icon-two svg, div.icon-three svg, div.icon-five svg { height: 70px; width: 70px; -webkit-animation: round 20s linear infinite; animation: round 20s linear infinite; fill: transparent;}
.iconic div.icon-four svg{height: 150px;width: 150px;-webkit-animation: round 20s linear infinite;animation: round 20s linear infinite;fill: transparent;}
.iconic {position: relative;overflow: hidden;}
.iconic .icon-one{position: absolute;width: 58px;height: 58px;left: 5.2%;top: 27%;display: inline-block;/*background:url(../images/tunga/icon-1.png) no-repeat;*/}
.iconic .icon-two{position: absolute;width: 47px;height: 47px;left: 8%;top: 23%;display: block;/*background: url(../images/tunga/icon-2.png) no-repeat;*/}
.iconic .icon-three{position: absolute;width: 47px;height: 47px;left: 8.4%;top: 29%;display: inline-block;/*background: url(../images/tunga/icon-3.png) no-repeat;*/}
.iconic .icon-four{position: absolute;width: 58px;height: 58px;right: 5%;top: 35%;display: inline-block;/*background: url(../images/tunga/icon-4.png) no-repeat;*/}
.iconic .icon-five{position: absolute;width: 58px;height: 58px;right: 6%;top: 31%;display: inline-block;/*background: url(../images/tunga/icon-4.png) no-repeat;*/}
.image-disign-one::after {content: "";position: absolute;width: 100%;height: 100%;border: 5px solid #02b7b4;top: -20px;right: -20px;z-index: -1;}
.hex-image {width: 306px;fill: transparent;stroke-width: 9px;stroke: #00cc33;opacity: 0.5; position: absolute;left: -61px;top: 37px;   -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg);}
.image-disign-one::before {content: '';font-family: "sf_pro";position: absolute;right: -221px;top: 64px;height: 330px;width: 393px;background: url('../images/hexline-green.gif');z-index: -1;background-repeat: no-repeat;}
.image-disign-one::after {content: "";position: absolute;width: 100%;height: 100%;border: 5px solid #02b7b4;top: -20px;right: -20px;z-index: -1;}
.image-disign-one {position: relative; margin-left: 40px;}
.section-title h1 {font-weight: 700;text-transform: uppercase;letter-spacing: 1.5px;line-height: 1.1;color: #2e3092;font-size:60px;}
.section-title p{font-weight: 300;padding-left: 60px;line-height: 1.5;letter-spacing: 1px;padding-top: 15px;padding-right: 40px;color: #563f84;
font-size:18px;}
.section-link {font-size: 20px;font-weight: 700;position: relative;padding-left: 32px;margin-top: 17px; display: block;margin-left: 75px;}
@font-face {
    font-family: 'sf_pro';
    src: url('../webfonts/sf-pro-display-black-webfont.eot');
    src: url('../webfonts/sf-pro-display-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/sf-pro-display-black-webfont.woff2') format('woff2'),
         url('../webfonts/sf-pro-display-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'sf_pro';
    src: url('../webfonts/sf-pro-display-bold-webfont.eot');
    src: url('../webfonts/sf-pro-display-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/sf-pro-display-bold-webfont.woff2') format('woff2'),
         url('../webfonts/sf-pro-display-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'sf_pro';
    src: url('../webfonts/sf-pro-display-heavy-webfont.eot');
    src: url('../webfonts/sf-pro-display-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/sf-pro-display-heavy-webfont.woff2') format('woff2'),
         url('../webfonts/sf-pro-display-heavy-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'sf_pro';
    src: url('../webfonts/sf-pro-display-light-webfont.eot');
    src: url('../webfonts/sf-pro-display-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/sf-pro-display-light-webfont.woff2') format('woff2'),
         url('../webfonts/sf-pro-display-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'sf_pro';
    src: url('../webfonts/sf-pro-display-medium-webfont.eot');
    src: url('../webfonts/sf-pro-display-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/sf-pro-display-medium-webfont.woff2') format('woff2'),
         url('../webfonts/sf-pro-display-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'sf_pro';
    src: url('../webfonts/sf-pro-display-regular-webfont.eot');
    src: url('../webfonts/sf-pro-display-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/sf-pro-display-regular-webfont.woff2') format('woff2'),
         url('../webfonts/sf-pro-display-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'sf_pro';
    src: url('../webfonts/sf-pro-display-semibold-webfont.eot');
    src: url('../webfonts/sf-pro-display-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/sf-pro-display-semibold-webfont.woff2') format('woff2'),
         url('../webfonts/sf-pro-display-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'sf_pro';
    src: url('../webfonts/sf-pro-display-thin-webfont.eot');
    src: url('../webfonts/sf-pro-display-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/sf-pro-display-thin-webfont.woff2') format('woff2'),
         url('../webfonts/sf-pro-display-thin-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
/*End*/
/*File Upload*/
.file-upload{display:block;text-align:center;font-size: 12px;}
.file-upload .file-select{display:block;border: 2px solid #eaeaea;color: #34495e;cursor:pointer;height:45px;line-height:45px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select .file-select-button{background:#b6b6b6;padding:0 20px;display:inline-block;height:45px;line-height:45px;color:#fff;    position: absolute; right: 0;}
.file-upload .file-select .file-select-name{line-height:45px;display:inline-block;padding:0 10px;}
.file-upload .file-select:hover{border-color:#eaeaea;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background:#b6b6b6;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:#3fa46a;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:#3fa46a;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
/*End*/
.color-gradient {
    color: #fff !important;
    background-image: -o-linear-gradient(45deg, #01b1ae 0%, #0de7e4  100%) !important;
    background-image: -ms--linear-gradient(45deg, #01b1ae 0%, #0de7e4  100%) !important;
    background-image: -moz-linear-gradient(45deg, #01b1ae 0%, #0de7e4  100%) !important;
    background-image: -webkit-linear-gradient(45deg, #01b1ae  0%, #0de7e4  100%) !important;
    background-image: linear-gradient(45deg, #01b1ae 0%, #0de7e4  100%) !important;
}
.color-gradient1 {
    color: #fff !important;
    background-image: -o-linear-gradient(45deg, #2e3092  0%, #7476e8   100%) !important;
    background-image: -ms--linear-gradient(45deg, #2e3092  0%, #7476e8   100%) !important;
    background-image: -moz-linear-gradient(45deg, #2e3092  0%, #7476e8   100%) !important;
    background-image: -webkit-linear-gradient(45deg, #2e3092   0%, #7476e8   100%) !important;
    background-image: linear-gradient(45deg, #2e3092  0%, #7476e8 100%) !important;
}
.price-card {background: #f5f5f6;/*padding: 40px 30px;*/ position: relative; border-radius: 2px;overflow: hidden;margin-bottom:1em;text-align: center;
 -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; border: 1px solid transparent;}
.price-content{padding: 20px 30px;float:left;}
.price-card.featured, .price-card:hover {background: #fff;border: 1px solid #ebebeb;-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);}
.price-card h2 {font-size: 26px; font-weight: 600; color: #282828;}
.price-card p {font-weight: 300; margin-bottom: 0; font-size: 14px; line-height: 26px;}
.price-card:before, .price-card:after {position: absolute;content: '';bottom: 0;right: -35px;width: 88px;height: 88px;background: #1317ec;opacity: .2;
 border-radius: 8px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.price_area_two .price-card:before, .price_area_two .price-card:after {  background: #505cfe;}
.price-card:after {bottom: 30px; right: -35px; background: #1f23d5;opacity: .2;}
.img-right{width:100%;display:block;float:left;}
.img-right img{	text-align:center;}
#back-to-top .top{ background: #02b7b4;display:none;}
.price-card  h2{font-weight:300;text-transform:uppercase;}
.price-card  h2 span{font-weight:600;  color: #2e3092;}
.footer-4 { background: transparent;}
.footer-widget { background: #22262c;  padding: 50px 20px 15px;}
.footer-widget a { color: #7f85dd;}
footer  .footer_widgets2 {line-height: 78px;text-align: center;background: #34383e;margin-bottom: -40px;position: relative;z-index: 2;}
footer  .footer_widgets2 .nav {margin: 0;}
footer  .footer_widgets2 .nav li a {padding: 0;color: #aaa;font-size: 13px;display: inline-block;background: none !important;border-bottom: 2px solid transparent;line-height: 25px;}
footer.footer_widgets2 .nav li a strong { margin-right: 5px;  color: #fff;}
.nav-justified>li{ vertical-align: middle; padding: 15px;}
.footer-icon{padding:20px;}
.footer-icon p{	color:#fff;}
.footer-icon i{	color:#7f85dd; font-size: 2em;}
.bottom-footer { background: #05090c none repeat scroll 0 0;  float: left;padding: 30px 0; position: relative;width: 100%;}
.contact-bar { float: left;  margin-bottom: 30px;   margin-top: -80px;  position: relative;  width: 100%;  z-index: 1;}
.contact-details{background: #2e3092;}
.contact-details {  padding: 20px; position: relative;  z-index: 1;	min-height: 86px;}
.contact-details > span {background: rgba(0,0,0,0.2);color: #ffffff;float: left;font-size: 18px;height: 38px;letter-spacing: 0.3px;line-height: 38px;
    margin-right: 20px;text-align: center;width: 38px;margin-top: 5px;}
.contact-details > strong {color: #ffffff;font-size: 13px;font-weight: bold;letter-spacing: 0.3px;line-height: 24px;text-transform: capitalize;}
.no-gutter{padding-left:0px;padding-right:0px;}
.contact-details > p {color: #e6e5e5;font-size: 12px;font-weight: 400;line-height: 20px;margin: 0;}
.dark{background: #1e2072;}
.bottom-footer > div > p{color: #d9d9d9;float: left;font-size: 12px;line-height: 20px;margin: 0;text-align: center;text-transform: capitalize;    width: 100%;}
.footer-theme-color{color:#9294f2;}
.bottom-footer a{color:#9294f2;}
.fun-facts{	padding:40px 0 100px;}
.slider-fade-carousel{	background-color:#fff;}
.slide-content p{	color:#989898;	font-size:20px;}
.pt-0{	padding-top:0px;}
/***************************
Controls
****************************/
.owl-theme .owl-controls .owl-nav [class*="owl-"]{background: #2e3092; padding: 0px;}
.owl-theme .owl-controls .owl-nav i{color: #fff!important;}
.slider-fade-carousel .owl-carousel-1 .owl-nav i{ font-size: 22px;  color: #fff;}
.slider-fade-carousel:hover .owl-carousel-1 .owl-nav .owl-prev {  left: 0%;}
.slider-fade-carousel:hover .owl-carousel-1 .owl-nav .owl-next {  right: 0%;}
a.white{color:#fff !important;}
a.white:hover,a.white:active{color:#fff;}
.bg-7{background: url(../images/respro/fun-facts.jpg);background-position:center bottom;}
.bg-opacity-white-70:before {content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: -1;    /* background: linear-gradient( 0deg, rgba(241,115,143,0.87) 50%,rgba(104,61,163,0.87) 100%);*/background: linear-gradient( 0deg, rgba(2, 180, 183, 0.40) 50%, rgba(140, 238, 236,0.87) 100%);}
.page-section-ptb1 {  padding: 40px 0;}
/****************
MENU
****************/
.header-4 .mega-menu.desktopTopFixed .menu-list-items{-webkit-box-shadow: 0px 3px 9px 0px rgba(158,152,158,1); -moz-box-shadow: 0px 3px 9px 0px rgba(158,152,158,1); box-shadow: 0px 3px 9px 0px rgba(158,152,158,1);}
.badge1{color: orangered!important;font-size: 16px;cursor: pointer;}
.tab .nav-tabs{text-align: left!important;}
.fea{border:10px solid #ddd; margin: 10px ;padding: 15px;height: 400px;border-bottom-right-radius: 50px;border-top-left-radius: 50px;}
.fea h4{font-size: 18px;margin: 20px 0 20px 0;}
.mt-30{margin: 30px  0 0 10px;}
.font16{font-size: 16px!important;}
#menu{background-image:none;background-color:#f2f2f2; width: 250px;}
#menu .menu-side-top a{	color: #2e3092;}
#menu-icon.open{right:1%;}
.mega-menu *{text-align:center;}
.mega-menu * { text-align: right;}
.dl-menuwrapper:first-child { margin-right: 220px;}
.dl-menuwrapper{margin-top:10px;}
.dl-menuwrapper li a{text-align:left;}
.mega-menu .menu-links{}
.dl-menu.dl-animate-out-1 {animation: MenuAnimOut1 0.4s linear forwards;}
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul{	background: #2e3092;}
html.fonts-loaded .mega-menu *{font-family:"Roboto", sans-serif;}
.dl-menuwrapper button{	background: #2e3092;}
@keyframes MenuAnimOut1 {
	50% {transform: translateZ(-250px) rotateY(30deg);}
	75% {transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}
	100% {transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
}
.dl-menu.dl-animate-in-1 {animation: MenuAnimIn1 0.3s linear forwards;}
@keyframes MenuAnimIn1 {
	0% {transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
	20% {transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;	}
	100% {transform: translateZ(0px) rotateY(0deg);	opacity: 1;	}
}
.slider-fade-carousel .slider-contents h1{font-size:24px;text-transform:initial;}
.slider-fade-carousel .slider-contents span.textslider{font-size:24px;text-transform:initial;position:absolute;line-height: 40px;}
.slider-fade-carousel .slider-contents .btn-primary{margin:100px 0 0 0;}
.owl-carousel-1 .owl-controls .owl-nav .owl-prev, .owl-carousel-1 .owl-controls .owl-nav .owl-next{
	background-color:transparent;width:50px;height:50px;line-height:50px;border:2px solid #fff;border-radius:50%;}
.slider-fade-carousel .owl-carousel-1 .owl-nav i{padding:0;}
.about-us {position: relative; margin: 0;background-color:#fff;	padding:1.5em 0;}
.video-play-bg { position: relative;height:400px; width: 100%; margin-right: 70px; border-top-right-radius: 350px; border-bottom-right-radius: 350px;
 z-index: 1;margin-left:-80px;}
.video-play-btn {width: 100px;height: 100px; display: inline-block; background: #fff;border-radius: 50%;-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);font-size: 16px;line-height: 100px;text-align: center;padding-left: 7px;color: #6245fe;   -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; outline: none;position: absolute;top: 0;}
.video-play-bg .video-play-btn { position: absolute; top: 0px; right: 20px; z-index: 5;}
.video-play-bg::after {content: " ";position: absolute;top: -45px;right: -2px; width: 100%;height: 104%;border-top-right-radius: 350px;    border-bottom-right-radius: 350px; background-color: #fff;background-image: url(../images/respro/about-img.jpg);background-position: center top;
    background-repeat: no-repeat;background-size: cover;}
.productsvideo-play-bg{position:relative;height:400px;width: 100%;margin-right: 70px;border-top-right-radius: 350px;border-bottom-right-radius: 350px;z-index: 1;margin-left:-80px;}
.productsvideo-play-btn {width: 100px;height: 100px; display: inline-block; background: #fff; border-radius: 50%; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);font-size: 16px;line-height: 100px; text-align: center;padding-left: 7px;color: #6245fe;
    -webkit-transition: all .5s; -o-transition: all .5s;transition: all .5s;outline: none;position: absolute; top: 0;}
.productsvideo-play-bg .productsvideo-play-btn { position: absolute; top: 0px; right: 20px; z-index: 5;}
.productsvideo-play-bg::after {content: " "; position: absolute;  top: -45px;  right: -2px; width: 100%; height: 104%; border-top-right-radius: 350px; border-bottom-right-radius: 350px;background-color: #fff; background-image: url(../images/respro/about-img.jpg); background-position: center top; background-repeat: no-repeat;background-size: cover;}
.ml-auto, .mx-auto {margin-left: auto!important;}
.grad-style-cd, .icon-container.grad-style-cd-light::after, .navbar-toggler span, .banner::before, .banner::after, .body-bg-style-2.inner-page::before, .featured-item::before, .small-agency-case-study::before, .small-agency-case-study::after, .pricing-block:hover .custom-btn, .pricing-block:hover .icon-container::after {background-image: -webkit-linear-gradient(45deg, #01b1ae  , #0de7e4  ); background-image: -o-linear-gradient(45deg, #01b1ae  , #0de7e4  ); background-image: linear-gradient(45deg, #01b1ae, #0de7e4  ); background-repeat: repeat-x;}
.svg-inline--fa.fa-w-14 { width: .875em;}
.no-gutter{	padding-left:0px;padding-right:0px;}
.about-content{	padding:2em 0;}
.block-heading-title {font-size: 36px;line-height: 42px; margin-bottom: 36px; position: relative;font-weight:300;color:#2e3092;}
.block-heading-title:before {position: absolute; content: ''; width: 48px; height: 2px; bottom: -22px;  left: 0; background: #02b7b4;}
.block-heading-title strong{font-weight:800;color:#02b7b4;}
.justify{text-align:justify;}
.products-img{text-align: center;position: relative;top: 189px;z-index: 99;}
.abt-img{text-align:center;	position:relative;}
.abt-img img{	margin:0 auto;}
.bg-white{	background-color:#fff;}
.single-banner{	margin-bottom:1em;}
.zoom { overflow: hidden;}
.zoom img, .single-banner img { width: 100%; -webkit-transition: all 500ms ease-in 0s; transition: all 500ms ease-in 0s;}
.zoom:hover img { -webkit-transform: scale(1.03); transform: scale(1.03);}
.section-respro{padding:2em 0;}
.bg-grey{background-color:#fbf9f9;}
.content-box{padding:15px;	text-align:center;	color:#fff;}
.colorbox{padding:1.5em 0;min-height:183px;}
.colorbox p{color:#fff;	margin-top:15px;line-height:20px;font-size:19px;}
.bg-color1{	background-color:#29c7d0;}
.bg-color2{	background-color:#0b98d0;}
.bg-color3{	background-color:#065381;}
.bg-color4{	background-color:#8b103e;}
.bg-color5{	background-color:#e34856;}
.bg-color6{	background-color:#fc7603;}
.bg-color7{	background-color:#f8b423;}
.bg-color8{	background-color:#94bb10;}
#logo-footer{width:55%;max-width:100%;}
.footer-useful-link h4{font-weight:600!important;}
.footer-useful-link ul li {margin-bottom: 14px;}
.footer-useful-link ul li a {color: #626262;position: relative;padding-left: 25px;font-size:15px;display: inline-block;}
.footer-useful-link ul li a .right-icon {font-size: 20px;  position: absolute;top: 0px;left: 0;}
.footer-useful-link ul li a:hover {color: #1684c8;-webkit-transform: translateX(5px); transform: translateX(5px);}
.footer-useful-link ul li a:hover i {-webkit-animation: fadeInLeft 0.5s linear; animation: fadeInLeft 0.5s linear;}
.footer-useful-link ul li {margin-bottom: 14px;font-size:15px;}
.footer-useful-link ul li:last-child {  margin-bottom: 10px;}
.footer{background: #f5f5f5;padding:40px 0 0 0;}

.footer .social-links{text-align:left;}
.footer .social-links i{font-size: 18px;}
.footer .list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.footer .social-links i.fa-facebook{color:#3b579d;}
.footer .social-links i.fa-linkedin{color:#0077b5;}
.footer .social-links i.fa-twitter{color:#01b1ae;}
.footer .social-links i.fa-youtube{color:#01b1ae;}
.footer-new{background-color:#2e3092;padding:15px;}
.footer-new p{margin:0;	color:#fff;text-align:center;}
.footer-new p a{color:#fff;}
.hover14 > div {position: relative;	overflow:hidden;}
.hover14 > div::before {position: absolute;top: 0;left: -75%;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);}
.hover14 > div:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {100% {	left: 125%;	}}
@keyframes shine {100% {left: 125%;}}
.single-product{padding:10px;border:1px solid #e3e3e3;}
.mb-35 {  margin-bottom: 35px;}
.single-product h2{text-align:center;font-size:19px;font-weight:700;}
.single-product h3{	text-align:center;font-size:20px;font-weight:700;}
.single-product p{text-align:center;}
.section-border { margin-right: 94px;  overflow: hidden;  position: relative;}
.features-title h3{	font-size: 20px;}
.section-border::before{background-color: #eeeeee;content: "";height: 1px;left: 0;position: absolute; top: 13px;transition: all 0.4s ease 0s;
width: 100%; z-index: 1;}
.section-title-wrap { display: inline-block; float: left;}
.section-bg-white { background-color: #fff;  position: relative;  z-index: 5;}
.section-title { display: inline-block; font-size: 20px; font-weight: 500; margin: 0; padding-right: 30px;}
.product-tab-list {display: inline-block; float: right; line-height: 1; margin-top: 4px; padding-left: 31px;}
.product-top-bar strong{color:#01b1ae;}
.product-nav .owl-nav {  position: absolute;  right: 0;  top: -73px;}
.product-nav .owl-nav div { background-color: #efefef; border-radius: 5px; color: #242424; display: inline-block; font-size: 16px; height: 35px;    line-height: 35px; text-align: center; width: 35px; transition: all .3s ease 0s;}
.product-nav .owl-nav div.owl-next { margin-left: 3px;}
.product-nav .owl-nav div.owl-next, .product-nav .owl-nav div.owl-prev{	border-radius:50% !important;}
.pt-0{padding-top:0;}
.image::after{background-color: none;content: "";height: 100%;left: 0;opacity: 0;position: absolute; top: 0;  width: 100%;border: 2px solid #01b1ae;}
.demo-item:hover .image::after { opacity: 0.8;}
.demo-item .image i{ border: 2px solid #fff;border-radius: 50%;color: #fff;font-size: 20px;height: 60px;left: 50%;line-height: 56px;margin-left: -30px;opacity: 0;position: absolute;top: 50%;transition: all 0.3s ease 0s; width: 60px; z-index: 9;text-align:center;background: #2e3092;}
.demo-item:hover .image i {opacity: 1;margin-top: -30px;}
.demo-item .image i:hover {border: 2px solid #2e3092; background-color: #ffffff; color: #0056ff;}
.demo-item .image i:hover {color: #2e3092;}
/****Table**/
  .table_body  {
    display: table;
    text-align: center;
    width: 100%;
    margin: 10% auto 0;
    border-collapse: separate;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
  }

  .table_row {
    display: table-row;border-bottom: 1px solid #ccc;
  }

  .theader {
    display: table-row;
  }

  .table_header {
    display: table-cell;
    border-bottom: #ccc 1px solid;
    border-top: #ccc 1px solid;
    background: #e3e3e3;
    color: #0b0b0b;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700;text-align: left;
     padding-left: 10px;
  }

  .table_header:first-child {
    border-left: #ccc 1px solid;
    border-top-left-radius: 5px;
  }

  .table_header:last-child {
    border-right: #ccc 1px solid;
    border-top-right-radius: 5px;text-align: center;
  }

  .table_small {
    display: table-cell;
  }

  .table_row > .table_small > .table_cell:nth-child(odd) {
    display: none;
    background: #e5e5e5;
    color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .table_row > .table_small > .table_cell {
    padding:20px 10px;
    color: #5b5b5b;
    /*border-bottom: 1px solid #ccc;*/
	text-align: left;
  }
   .table_row > .table_small > .table_cell a{color: #5b5b5b!important; }
  .table_row > .table_small:first-child > .table_cell {
    border-left: #ccc 1px solid;
  }

  .table_row > .table_small:last-child > .table_cell {
    border-right: #ccc 1px solid;text-align: center;
  }

  .table_row:last-child > .table_small:last-child > .table_cell:last-child {
    border-bottom-right-radius: 5px;
  }

  .table_row:last-child > .table_small:first-child > .table_cell:last-child {
    border-bottom-left-radius: 5px;
  }

  .table_row:nth-child(2n+3) {
    background: #e9e9e9;
  }

  @media screen and (max-width: 900px) {
    .table_body  {
      width: 90%
    }
  }

  @media screen and (max-width: 767px) {
	 .table_row > .table_small > .table_cell {font-size: 15px!important;
     }
	 .table_row > .table_small:last-child > .table_cell {

  text-align: left!important;
   }
  }
  @media screen and (max-width: 650px) {
    .table_body {
      display: block;
    }
    .table_row:nth-child(2n+3) {
      background: none;
    }
    .theader {
      display: none;
    }
    .table_row > .table_small > .table_cell:nth-child(odd) {
      display: table-cell;
      width: 50%;
    }
    .table_cell {
      display: table-cell;
      width: 50%;
    }
    .table_row {
      display: table;
      width: 100%;
      border-collapse: separate;
      /*padding-bottom: 20px;*/
      padding-bottom: 0px;
      margin: 5% auto 0;
      text-align: center;
    }
    .table_small {
      display: table-row;
    }
    .table_row > .table_small:first-child > .table_cell:last-child {
      border-left: none;
    }
    .table_row > .table_small > .table_cell:first-child {
      border-left: #ccc 1px solid;border-bottom: 1px solid #ccc;
    }
    .table_row > .table_small:first-child > .table_cell:first-child {
      border-top-left-radius: 5px;
      border-top: #ccc 1px solid;
    }
    .table_row > .table_small:first-child > .table_cell:last-child {
      border-top-right-radius: 5px;
      border-top: #ccc 1px solid;
    }
    .table_row > .table_small:last-child > .table_cell:first-child {
      border-right: none;
    }
    .table_row > .table_small > .table_cell:last-child {
      border-right: #ccc 1px solid;border-bottom: 1px solid #ccc;
    }
    .table_row > .table_small:last-child > .table_cell:first-child {
      border-bottom-left-radius: 5px;
    }
    .table_row > .table_small:last-child > .table_cell:last-child {
      border-bottom-right-radius: 5px;
    }
  }
/**********************
Modal
***********************/
.modal-form{margin:1em 0;}
.form-control{color:#626262;background-color: #f2f2f2; border: none;height: 40px;}
.form-control:focus { box-shadow: none;	border: 1px solid #07a1a0;  border-color: #07a1a0;}
.mdl-tlt{text-align:center;	font-size:22px;}
input[type="checkbox"] { display: none; }
input[type="checkbox"] + label { display: block; position: relative;  padding-left: 35px; margin-bottom: 20px; font: 14px/20px 'Open Sans', Arial, sans-serif;  color: #626262;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;}
input[type="checkbox"] + label:last-child { margin-bottom: 0; }
input[type="checkbox"] + label:before { content: ''; display: block;width: 20px;height: 20px;border: 2px solid #02b7b4;position: absolute;left: 0;
  top: 0; opacity: .6; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s;}
input[type="checkbox"]:checked + label:before {width: 10px;top: -5px;left: 5px;border-radius: 0;opacity: 1;border-top-color: transparent;
  border-left-color: transparent; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
.font-sm{font-size:18px !Important;}
button.close{background-color: #02b7b4;color:#fff; width: 30px;height: 30px;border-radius: 50%;position: absolute;right: -10px;top: -12px;opacity: 1;}
.custom-header{	background-color:#2e3092;}
.custom-header h4.modal-title{color:#fff;text-align:center;}
.respro-intro{height: 350px;background-position: left bottom !Important;}
.intro-title{vertical-align:middle;}
.head {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;color: #FFFFFF;font-size: 16px;font-weight:800;padding: 15px 17px;
    text-transform: uppercase; background: #2e3092;}
.product-side-nav{border-image: none;border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb;border-style: none solid;border-width: 0 1px;
    -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;
    position: relative; width: 100%; border-bottom: 1px solid #e8e8e8; background: #f7f7f7;}
.product-side-nav li a{position: relative;display: block;padding: 13px 15px;color: #666666;text-transform: uppercase;font-weight: 600;    border-bottom: 1px solid #edebeb;font-size:16px;}
.product-side-nav li a:after {color: #bababa; content: "\f0a9"; float: right; font-size: 12px; height: 20px; line-height: 18px; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 20px;font-family: FontAwesome;}
.product-side-nav li a:hover, .product-side-nav li a:focus { background: #fff; border-left: 5px solid #02b7b4;color: #02b7b4;}
.filters-container {padding: 12px 0px; margin-bottom: 5px;}
.m-t-10 { margin-top: 10px;}
.inner-page-border{margin-right: 0px;	margin-top: 12px;margin-bottom:20px;}
.relative{position:relative;}
.mb-1em{margin-bottom:1em;}
.shop-area{padding: 10px 1em;}
.shop-area h3{font-size:22px;font-weight:800;}
ul.iconlist { margin: 1em 0;}
ul.iconlist li { margin: 1em;/*font-size:14px;*/font-size:15px;color:#666; margin-left: 2em;}
ul.iconlist li:before {content: '\f138';font-family: 'FontAwesome'; float: left; margin-left: -1.5em; color: #2e3092;}
ul.iconlist1 { margin: 1px 0px;}
ul.iconlist1 li { margin: 4px 10px; /*font-size:14px;*/font-size:15px;color:#666;/*margin-left: 1em;*/}
ul.iconlist1 li:before { content: '\f0da'; font-family: 'FontAwesome'; float: left; margin-left: -0.5em; color: #2e3092;}
ul.iconlist.cross li:before { content: '\f057'; font-family: 'FontAwesome'; float: left; margin-left: -1.5em; color: red;}
ul.iconlist.check li:before { content: '\f00c'; font-family: 'FontAwesome'; float: left; margin-left: -1.5em; color: green;}
/*.section-tlt { font-size: 24px; padding-bottom: 10px;  margin-bottom: 20px; position: relative;	font-weight:normal;}*/
.section-tlt { font-size: 22px; padding-bottom: 10px;  margin-bottom: 20px; position: relative;	font-weight:normal;}
.section-tlt1 { font-size: 20px; padding-bottom: 10px; margin-bottom: 20px; position: relative;font-weight:normal;}
.section-tlt:before, .section-tlt:after { position: absolute; left: 0;  bottom: 0; width: 100px; height: 1px; background: #02b7b4;content: "";}
.section-tlt:after {height: 3px; width: 40px; bottom: -1px;}
.sidebar-area { padding: 10px; margin-bottom: 30px;}
.bg-1 { background: #f5f5f5;}
.widget_categories ul li { margin-bottom: 15px;}
.widget_categories ul li a {position: relative;display: block;-webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transition: all .3s; -moz-transition: all .3s;text-decoration: none; color: #121212;font-size:14px;}
.widget_categories ul li a:before {position: absolute; right: 0; top: 0px;font-family: fontawesome; content: "\f178";}
.product-sidebar { background: #f5f5f5; padding: 10px; margin-bottom: 30px;}
.sidebar-area .product-sidebar, .sidebar-area .tag-wrap {padding: 0px;}
.fix {overflow: hidden;}
.product-sidebar-items { margin-bottom: 10px;}
.black-opacity { position: relative; z-index: 9;}
.product-sidebar-img { float: left;margin-right: 10px;}
.black-opacity:before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; content: ""; opacity: .30;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.product-sidebar-img.black-opacity:before {opacity: .2;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";}
.product-sedebar-content h4 {font-size: 14px;margin-bottom: 0px;font-weight: 600; margin-top: 25px;}
.breadcumb-wrap {padding: 0px;text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-orient: vertical;
 -webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0px 0px;}
.breadcumb-content.bg-about{background: url('../images/respro/about.jpg') no-repeat center 72%/ cover!important;}
.breadcumb-content {padding:80px 50px;position: relative; z-index: 9; background: url('../images/respro/bpap-banner.jpg') no-repeat center 72%/ cover;}
.breadcumb-content.bg-air{background: url('../images/respro/airpurifier-banner.jpg') no-repeat center 72%/ cover;}
.breadcumb-content.pulse-oximeter{background: url('../images/respro/pulse-oximeter-banner.jpg') no-repeat center 72%/ cover;}
.breadcumb-content h2{font-size: 24px;text-transform: uppercase;position: relative;padding-bottom: 10px;margin-bottom: 10px;color: #2e3092;    font-weight: 800;}
.mt-10{	margin-top:10px;}
.accordion .accordion-title a.active{background-color: #02b7b4;	border-color: #07aba8;}
.accordion .accordion-title a:hover{ color: #02b7b4;}
.accordion .accordion-title a.active:hover{	color:#fff;}
.btn-border{border: 2px solid #02b7b4; color: #02b7b4; background-color: transparent;border-radius:20px;padding:10px;}
.accordion{	margin-top:1em;}
.machine-tbl tr td{	/*font-size:14px;*/	font-size:15px;color:#626262;}
.machine-tbl tr td:first-child{	/*background-color:#f2f2f2;*/font-weight:600;width:50%;}
.header-fx { display: none;}
/*========= Start about area Section css =========*/
.about_area_second {  padding: 100px 0!important; background: #FFF; z-index: 20; position: relative;}
/*.about_area_second .container {position: relative;z-index: 9999;}*/
.about_area_second::before{content: '';width: 70%;height: 100%; position: absolute;background-size: auto auto;background-size: cover;left: 0;z-index: 2; background-position: center left;top: 0;
/*background: url('https://www.asmobisoft.com/theme/wooder/Default_demo/img/bg/about-bg.jpg') center bottom no-repeat fixed;*/}
.about_area_second::after {content: ''; width: 30%; height: 100%; position: absolute; /*background: url(../images/resource/quote-bg.jpg);*/  background: #a67944;background-size: cover;background-position: center left;top: 0; right: 0; z-index: -1;}/*
h4#text{color: #FFF; margin-bottom: 10px; z-index: 99; position: relative;}
#text1{color: #FFF!important; z-index: 99; position: relative;}*/
#image-column #imageb {position: relative; padding-right: 30px; padding-top: 30px;}
#image-column #imageb img{z-index: 9;position: relative;max-width:100%;}
#image-column #imageb::before {position: absolute; content: ''; right: -22px; top: 0px;bottom: -30px;left: 222px;background-color: #e7e7e7;z-index: 9;}
#image-column #imagec {position: relative; padding-right: 30px; padding-top: 30px;}
#image-column #imagec img{z-index: 9;position: relative;max-width:100%;}
#image-column #imagec::before {position: absolute;content: '';left: -55px;top: 0px;bottom: -30px;right: 222px;background-color: #e7e7e7;z-index: 9;}
@media only screen and (max-width: 736px) and (min-width: 320px)
{
	.about_area_second {padding: 50px 0;}
	.image-box1::before{right: 6px;	width: 88%;	}
	.image-box2::before{left: 6px;width: 88%;}
}
.table-bordered { /*border: 1px solid #ddd;*/ border: none!important;}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {/*border: 1px solid #ddd;*/border: none!important;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {padding: 8px;line-height: 1.42857143;vertical-align: top;border-bottom: 1px dotted #ddd!important;}
.header-fx { position: fixed; z-index: 999; width: 100%; padding: 15px 0; background-color: #fff;}
.mm-slideout { z-index:auto;}
.header-fx .mh-btns-left { position: absolute; left: 16px; top: 14px;}
.header-fx .mh-text {text-align: center;}
.mm-navbar {background-color: #2e3092;}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {color: #fff;}
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {border-color: rgba(255,255,255,1);}
.mm-listitem>a, .mm-listitem>span{ padding: 20px 10px 20px 20px;}
.header-fx .mh-btns-left a, .header-fx .mh-btns-right a {font-size: 30px; color: #333;}
.dummy-spacer { display:none;}
.p-0{padding:0;}
#serives-slider{display:none;}

/*section*/
@media (max-width: 1100px) {
  .cta-banner-wrapper-2 .cta-image {
    display: none;
  }
}
@media (max-width: 575px) {
  .cta-banner-wrapper-2 {
    padding: 40px 30px;
  }
}
@media (max-width: 767px) {
  .cta-banner-wrapper-2 {
    padding: 50px 40px;
  }
}
.cta-banner-section-2 {
  position: relative;
}
.cta-banner-wrapper-2 {
  background: #A6A182;
  border-radius: 5px;
  padding: 75px 60px;
  position: relative;
  margin: 20px 0;
}.cta-banner-wrapper-2 .cta-image {
  position: absolute;
  bottom: 0;
  left: 30px;
  z-index: 9;
}.cta-banner-wrapper-2 .cta-image .circle-shape {
  position: absolute;
  bottom: 0;
  left: -30px;
  z-index: -1;
}.cta-banner-wrapper-2 .section-title-area {
  margin-left: 350px;
}
.section-title-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}.section-title {
  position: relative;
  z-index: 50;
  margin-bottom: 30px;
  margin-top: -6px;
}.section-title h2 {
  text-transform: capitalize !important;
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(255,255,255), 1 !important;
}.theme-btn.bg-white {
  background-color: #fff;
  color: #02b7b4;
}
.theme-btn.padding-style {
  padding: 24px 40px;
  line-height: 1.3;
}
.bg-white {
  background-color: #fff !important;
}
.theme-btn {
  background-color:  #a6a182;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding: 22px 40px;
  border-radius: 0;
  letter-spacing: 1.2px;
  line-height: 1;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 1;
  border-radius: 5px;
}.theme-btn.bg-white::before, .theme-btn.bg-white::after {
  background: #02b7b4;
}

.theme-btn::before {
  content: "";
  background: #02b7b4;
  width: 0;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: -1;
  border-radius: 5px 5px 0 0;
}.theme-btn.bg-white:hover {
  color: #fff;
}
/**/
/*********************** sliding form *******************/
.sidebar-contact{
  position:fixed;
  top:50%;
  right:-350px;
  transform:translateY(-50%);
  width:350px;
  height:auto;
  padding:10px 40px;
  background:#fff;
  box-shadow: 0 20px 50px rgba(0,0,0,.5);
  box-sizing:border-box;
  transition:0.5s;
  z-index: 50;
  display:none;
}
.sidebar-contact.active{
  right:0;
}
.sidebar-contact input,
.sidebar-contact textarea{
  width:100%;
  height:36px;
  padding:5px;
  margin-bottom:10px;
  box-sizing:border-box;
  border:1px solid rgba(0,0,0,.5);
  outline:none;
}
.sidebar-contact h2{
  margin:0 0 20px;
  padding:0;
}
.sidebar-contact textarea{
  height:60px;
  resize:none;
}
.sidebar-contact input[type="submit"]{
  background:#2f528a;
  color:#fff;
  cursor:pointer;
  border:none;
  font-size:18px;
}

.toggle{
  position:absolute;
  height:48px;
  width:48px;
  text-align:center;
  cursor:pointer;
  background:#2f528a;
  top:13%;
  left:-48px;
  line-height:48px;
}
.toggle:before{
  content:'\f075';
  font-family:fontAwesome;
  font-size:18px;
  color:#fff;
}
.toggle.active:before{
  content:'\f00d';
}

#panel1, #panel2, #panel3, #panel4, #panel5, #panel6 {
  /* all of these are for demo only: */
  width: 100%;
  height: 100vh; /* css3 way to say 100% of the viewport height. works on IE9+ and modern browsers. needs patch for iOS devices: https://gist.github.com/pburtchaell/e702f441ba9b3f76f587. also needs patch for print stylesheets (height:auto). */
}
.panel {
    margin-bottom: unset;
    background-color: unset;
    border: unset;
    border-radius: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
ul.stick-left-nav-ul li.nav-active{
	margin-bottom:50px;
}

#fp-nav{
	display:none !Important;
}

/**/
/* --------------------------------slide In Panel --------------------------------- */
.cd-main-content {text-align: center;}
.cd-main-content h1 {font-size: 2rem;color: #64788c; padding: 4em 0;}
.cd-btn {position: relative;display: inline-block;padding: 1em 2em;background-color: #89ba2c;color: #ffffff;border-radius: 50em; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-box-shadow 0.2s;transition: -webkit-box-shadow 0.2s;transition: box-shadow 0.2s;transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;}
.cd-btn:hover {-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);}
@media only screen and (min-width: 1170px) {.cd-main-content h1 { font-size: 3.2rem; }}
.cd-panel {position: fixed;top: 0;left: 0;height: 100%;width: 100%;visibility: hidden;-webkit-transition: visibility 0s 0.6s;transition: visibility 0s 0.6s; z-index:999;}
.cd-panel::after { /* overlay layer */content: '';position: absolute; top: 0;left: 0; width: 100%;height: 100%;background: transparent;  cursor: pointer; -webkit-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s;}
.cd-panel.cd-panel--is-visible {visibility: visible; -webkit-transition: visibility 0s 0s;transition: visibility 0s 0s;}
.cd-panel.cd-panel--is-visible::after {background: rgba(0, 0, 0, 0.6);-webkit-transition: background 0.3s 0s;transition: background 0.3s 0s;}
.cd-panel__header {position: fixed;width: 90%;height: 50px;line-height: 50px;background: rgba(255, 255, 255, 0.96);z-index: 2;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); -webkit-transition: -webkit-transform 0.3s 0s;
transition: -webkit-transform 0.3s 0s;transition: transform 0.3s 0s;transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;
-webkit-transform: translateY(-50px); -ms-transform: translateY(-50px);transform: translateY(-50px);}
.cd-panel__header h1 {color: #fff;padding-left: 5%;font-size:16px;color:#fff;margin-bottom: 0; height: 50px;line-height: 50px;}
.cd-panel__header h3 {color: #fff; padding-left: 5%;font-size:16px;color:#fff;margin-bottom: 0; height: 50px; line-height: 50px;}
.cd-panel--from-right .cd-panel__header { right: 0;}
.cd-panel--from-left .cd-panel__header { left: 0;}
.cd-panel--is-visible .cd-panel__header {-webkit-transition: -webkit-transform 0.3s 0.3s;transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s; transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s; -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px); transform: translateY(0px);background-color:#2e3092;}
@media only screen and (min-width: 768px) {.cd-panel__header {width: 70%; }}
@media only screen and (min-width: 1170px) {.cd-panel__header { width: 25%; }}
.cd-panel__close {  position: absolute; top: 0; right: 0; height: 100%;width: 60px;/* image replacement */display: inline-block;overflow: hidden;text-indent: 100%;white-space: nowrap;background-image: -ms--linear-gradient(45deg, #01b1ae 0%, #0de7e4 100%) !important;background-image: -moz-linear-gradient(45deg, #01b1ae 0%, #0de7e4 100%) !important;background-image: -webkit-linear-gradient(45deg, #01b1ae 0%, #0de7e4 100%) !important;background-image: linear-gradient(45deg, #01b1ae 0%, #0de7e4 100%) !important;}
.cd-panel__close::before, .cd-panel__close::after { /* close icon created in CSS */content: '';position: absolute;top: 22px;left: 20px;height: 3px;
  width: 20px;background-color: #fff;/* this fixes a bug where pseudo elements are slighty off position */ -webkit-backface-visibility: hidden;
  backface-visibility: hidden;}
.cd-panel__close::before {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg);}
.cd-panel__close::after {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.cd-panel__close:hover {background-color: #424f5c;}
.cd-panel__close:hover::before, .cd-panel__close:hover::after {background-color: #ffffff; -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s;}
.cd-panel__close:hover::before {-webkit-transform: rotate(220deg); -ms-transform: rotate(220deg); transform: rotate(220deg);}
.cd-panel__close:hover::after { -webkit-transform: rotate(135deg);-ms-transform: rotate(135deg); transform: rotate(135deg);}
.cd-panel--is-visible .cd-panel__close::before { -webkit-animation: cd-close-1 0.6s 0.3s; animation: cd-close-1 0.6s 0.3s;}
.cd-panel--is-visible .cd-panel__close::after { -webkit-animation: cd-close-2 0.6s 0.3s; animation: cd-close-2 0.6s 0.3s;}
@-webkit-keyframes cd-close-1 {
  0%, 50% { -webkit-transform: rotate(0deg);transform: rotate(0deg);}
  100% { -webkit-transform: rotate(45deg); transform: rotate(45deg);}
}
@keyframes cd-close-1 { 0%, 50% {
    -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
}
@-webkit-keyframes cd-close-2 {
  0%, 50% {-webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% {-webkit-transform: rotate(-45deg);transform: rotate(-45deg); }
}
@keyframes cd-close-2 {
  0%, 50% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
}
.cd-panel__container {position: fixed;  width: 90%;  height: 100%; top: 0;  background: #fff; z-index: 1; -webkit-transition: -webkit-transform 0.3s 0.3s; transition: -webkit-transform 0.3s 0.3s;  transition: transform 0.3s 0.3s;  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}
.cd-panel--from-right .cd-panel__container {  right: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
.cd-panel--from-left .cd-panel__container { left: 0; -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0);}
.cd-panel--is-visible .cd-panel__container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0s;
          transition-delay: 0s;}
@media only screen and (min-width: 768px) {
  .cd-panel__container { width: 70%; }
}
@media only screen and (min-width: 1170px) {
  .cd-panel__container {  width: 25%;}
}
.cd-panel__content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 70px 5%; overflow: auto;/* smooth scrolling on touch devices */ -webkit-overflow-scrolling: touch;}
.cd-panel__content p { font-size: 1.4rem; color: #424f5c; line-height: 1.4; margin: 2em 0;}
.cd-panel__content p:first-of-type { margin-top: 0;}
@media only screen and (min-width: 768px) {
  .cd-panel__content p { font-size: 1.6rem; line-height: 1.6; }
}
.fl-fl { background: #2e3092; text-transform: uppercase; letter-spacing: 16px;padding: 1px 0px;width: 40px;position: fixed;right: -2px;z-index: 99;
  /*letter-spacing: 3px; padding: 4px;width: 190px; position: fixed; right: -150px;*/ z-index: 99; font: normal normal 10px Arial; -webkit-transition: all .25s ease;  -moz-transition: all .25s ease;  -ms-transition: all .25s ease; -o-transition: all .25s ease;  transition: all .25s ease;}
.fl-fl .fa { font-size: 22px;color:#fff;padding: 5px 0;width: 40px;margin-left: 8px;margin-top: 0px;}
.fl-fl:hover { right: 0;}
.fl-fl a { color: #fff !important; text-decoration: none; text-align: center; /*line-height: 43px!important;*/ vertical-align: top!important;}
.float-fb { top: 225px;}
.product-image{/*border:1px solid #e3e3e3;*/}
.offer-product{background-color:#b5f2f1;color:#fff;}
.offer-product ul{display:table;}
.offer-product ul li{display:table-cell;padding:10px;}
.offer-product ul li:first-child{background-color: #2e3092;position:relative;}
.offer-product ul li:last-child{padding-left:35px;color:#000;}
.offer-product ul li:first-child:after {content: ''; display: inline-block;width: 0; height: 0;border: 22px solid transparent;vertical-align: middle;
    border-left-color: #2e3092;right: -44px; position: absolute; top: 0;}
.inner-product-slider .owl-item{overflow:hidden;}
.accessories-mobile-slider .owl-item{overflow:hidden;}
.product-slider-mobile{display:none !important;}
.accessories-mobiles{display:none !important;}
@media screen and (min-width: 480px) {
	.whatsap_div{display:none;}
	.phonecall_div{display:none;}
}
 @media only screen
and (min-device-width : 360px)
and (max-device-width : 767px)
and (orientation : portrait)
{
	/*.phonecall_div {display:block!important;right: 0px;float: right !important; background: #0091ea !important;position: fixed;top: 430px;
    box-shadow: -2px 2px 5px rgba(0,0,0,.26);border-radius: 4px 0 0 4px;z-index: 9;padding:3px;}
   .whatsap_div i {line-height: 45px;padding: 3px;display:block!important;}
   .whatsap_div {right: 0px;float: right !important;background: #2e925d !important;position: fixed;top: 510px;box-shadow: -2px 2px 5px rgba(0,0,0,.26);
    border-radius: 4px 0 0 4px;z-index: 9;padding:3px;display:block!important;}*/
}
	
	
 @media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait)
{
	.d_ico {width: 20%;height: 20%;display: none;}
	.sidebar-contact.active {right: -33px!important;}

	.button-65{width:100%!important;height:66px!important;padding:8px 10px!important;}
  
 .zoom img, .single-banner img { width: 100%; height: auto!important; }
  
  .float-sm { display:none; }
	#respro-logo{margin-left: -39px;}
	#header-contact{position: relative;right: 3px;float: right;display: block;top: -19px;z-index: 99;font-size: 12px;/* width: 30%;*/font-weight:600;}
   .header-fx {padding: 10px 0 0px 0;}
	.breadcumb-content{background:url('../images/respro/bpap-banner.jpg') no-repeat 8% / cover;}
   .breadcumb-content.bg-air{background:url('../images/respro/airpurifier-banner.jpg') no-repeat;background-size: cover;background-position: 84%;}
	.section-title h1{font-size:40px;}
	.section-title p{padding-left: 36px;padding-right: 24px;}
	.section-link{margin-left: 8px;}
	.image-disign-one{margin-left:0px!important;}
	.image-disign-one::after{position: absolute;right: -9px;top: 0;height: 250px;width: 70px;}
	.hex-image{width: 206px;opacity: 0.5;position: absolute;left: -21px;top: 37px;}
	.image-disign-one::before{content: '';font-family: "sf_pro";position: absolute;right: -58px;top: -14px;}
	.iconic .icon-one{left: -2.8%;top: 23%;}
	.iconic .icon-two{left: 8%;top: 19%;}
	.iconic .icon-three{left: 15.4%;top: 25%;}
	#globe1{margin-bottom:19px;}
	#globe{margin-left: 3px;position: absolute;}
	#desktopprod{display:none;}
	#mobileprod{display:block!important;}
	 #headingmobile{display:block!important;}
	#itemd{display:block!important;}
	.offer-product ul li:first-child:after{top:13px!important;}
	.newlandscape .onleft, .newlandscape .onright{width: 50%;height: 153px;}
	.newlandscape{background-size: contain !important;height:auto!important}
	#enqdem{/*border-radius: 12px;padding: 15px 7px 15px 5px!important;font-size: 8.8px!important;width: 100%;*/}
	[data-shadow=topbottom]	{box-shadow: 0 0 6px 0 #999;}
	.products-img{text-align: center;position: relative;top: 107px;z-index: 99;}
	.productsvideo-play-btn{width: 30px;height: 30px;display: inline-block;	background: #fff;border-radius: 50%;-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);font-size: 10px;line-height: 31px;text-align: center;padding-left: 2px;color: #6245fe;}
	#image-column #imageb::before{position: absolute;content: '';right: 0px;top: 0px;bottom: -30px;left: 82px;}
	#image-column #imagec::before{position: absolute;content: '';left: -14px;top: 0px;bottom: -30px;right: 108px;}
	.single-product p {font-size:12px!important;}
   .single-product h3 {text-align: center;font-size: 16px!important;font-weight: 700;}
}
@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px)
and (orientation : portrait)
{
	.d_ico {width: 20%;height: 20%;display: none;}
	.sidebar-contact.active {right: -33px!important;}
	.button-65{width:100%!important;height:66px!important;padding:8px 10px!important;}
  
   .zoom img, .single-banner img {width: 100%;height: auto!important;}
   
   .float-sm{display:none;}
	#respro-logo{margin-left: -39px;}
   #header-contact{position: relative;right: 3px;float: right;display: block;top: -19px;z-index: 99;font-size: 12px;/* width: 30%;*/font-weight:600;}
  .header-fx {padding: 10px 0 0px 0;}
	.breadcumb-content{background:url('../images/respro/bpap-banner.jpg') no-repeat 8% / cover}
  .breadcumb-content.bg-air{background:url('../images/respro/airpurifier-banner.jpg') no-repeat;background-size: cover;background-position: 84%;}
	.section-title h1{font-size:40px;}
	.section-title p {padding-left: 36px;padding-right: 24px;}
	.section-link{margin-left: 8px;}
	.image-disign-one{margin-left:0px!important;}
	.image-disign-one::after{position: absolute;right: -9px;top: 0;	height: 250px;width: 70px;}
	.hex-image{width: 206px;opacity: 0.5;position: absolute;left: -21px;top: 37px;}
	.image-disign-one::before{content: '';font-family: "sf_pro";position: absolute;right: -58px;top: -14px;}
	.iconic .icon-one{left: -2.8%;top: 23%;}
	.iconic .icon-two{left: 8%;top: 19%;}
	.iconic .icon-three{left: 15.4%;top: 25%;}
	#globe1{margin-bottom:19px;}
	#globe{margin-left: 3px;position: absolute;}
	#desktopprod{display:none;}
	#mobileprod{display:block!important;}
	#itemd{display:block!important;}
	#headingmobile{display:block!important;}
	.newlandscape .onleft, .newlandscape .onright{width: 50%;height: 153px;}
	.newlandscape{background-size: contain !important;height:auto!important;}
	#enqdem{/*border-radius: 5px;padding: 15px 7px 15px 5px!important;font-size: 9.5px!important;width: 100%;*/}
	.offer-product ul li:first-child:after{	top:12px!important;}
	[data-shadow=topbottom]{box-shadow: 0 0 6px 0 #999;}
	.products-img {text-align: center;position: relative;top: 107px;z-index: 99;}
	.productsvideo-play-btn{width: 30px;height: 30px;display: inline-block;background: #fff;border-radius: 50%;-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);font-size: 10px;line-height: 31px;text-align: center;padding-left: 2px;color: #6245fe;}
	#image-column #imageb::before{position: absolute;content: '';right: 0px;top: 0px;bottom: -30px;left: 82px;}
	#image-column #imagec::before{position: absolute;content: '';left: -14px;top: 0px;bottom: -30px;right: 108px;}
	.flex-new{display: flex!important;}
	.flex-new > .order-a { order: 2!important; }
	.flex-new > .order-b { order: 1!important; }
	.flex-mob{display: none;}
	.single-product p {font-size:12px!important;}
   .single-product h3 {text-align: center;font-size: 16px!important; font-weight: 700;}
}
@media only screen
and (min-device-width : 411px)
and (max-device-width : 732px)
and (orientation : portrait)
{
	.d_ico {width: 20%;height: 20%;display: none;}
	.sidebar-contact.active {right: -33px!important;}
	.button-65{width:100%!important;height:66px!important;padding:8px 10px!important;}
	 
	 .zoom img, .single-banner img {  width: 100%; height: auto!important;  }
	.
    .float-sm{ display:none;}
	#respro-logo{margin-left: -39px;}
	#header-contact{position: relative;right: 3px;float: right;display: block;top: -19px;z-index: 99;font-size: 13px;/*width: 30%;*/font-weight:600;}
    .header-fx {padding: 10px 0 0px 0;}
	.breadcumb-content{background:url('../images/respro/bpap-banner.jpg') no-repeat 8% / cover;}
    .breadcumb-content.bg-air{background:url('../images/respro/airpurifier-banner.jpg') no-repeat;background-size: cover;background-position: 84%;}
	.section-title h1{font-size:40px;}
	.section-title p { padding-left: 36px; padding-right: 24px;}
	.section-link{margin-left: 8px;}
	.image-disign-one{margin-left:0px!important;}
	.image-disign-one::after{position: absolute;right: -9px;top: 0;height: 250px;width: 70px;}
	.hex-image{	width: 206px;opacity: 0.5;position: absolute;left: -21px;top: 37px;}
	#globe1{margin-bottom:19px;}
	#globe{ margin-left: 3px; position: absolute;}
	.image-disign-one::before{content: '';font-family: "sf_pro";position: absolute;	right: -58px;top: -14px;}
	.iconic .icon-one{left: -2.8%; top: 23%;}
	.iconic .icon-two{left: 8%;top: 19%;}
	.iconic .icon-three{left: 15.4%;top: 25%;}
	#desktopprod{display:none;}
	#mobileprod{ display:block!important;}
	#headingmobile{display:block!important;}
	#itemd{display:block!important;}
	#enqdem{/*border-radius: 12px;padding: 15px 7px 15px 5px!important;font-size: 9.5px!important;width: 100%;*/}
	.newlandscape .onleft, .newlandscape .onright {width: 50%;height: 153px;}
	.newlandscape{background-size: contain !important;height:auto!important	}
	.offer-product ul li:first-child:after{top:13px!important;}
	[data-shadow=topbottom] {box-shadow: 0 0 6px 0 #999;}
	.flex-mob{display: flex;flex-direction: column;	}
	.flex-new{display: none;}
	.products-img {	text-align: center;	position: relative;	top: 107px;	z-index: 99;}
	.productsvideo-play-btn{width: 30px;height: 30px;display: inline-block;background: #fff;border-radius: 50%;	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);font-size: 10px;line-height: 31px;text-align: center;padding-left: 2px;color: #6245fe;}
	#image-column #imageb::before {position: absolute;content: '';right: 0px;top: 0px;bottom: -30px;left: 82px;}
	#image-column #imagec::before {position: absolute;content: '';left: -14px;top: 0px;bottom: -30px;right: 108px;}
   .single-product p { font-size:12px!important; }
   .single-product h3 { text-align: center;font-size: 16px!important; font-weight: 700;}
}
@media only screen
and (min-device-width : 360px)
and (max-device-width : 800px)
and (orientation : landscape)
{ .d_ico {width: 20%;height: 20%;display: none;}
	#headingmobile{ display:block!important;}
 #header-contact{position: relative!important;right: 3px!important;	float: right!important;display: block;top: -19px;z-index: 99;font-size: 12px;	/* width: 30%;*/font-weight:600;}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
{
	.sidebar-contact{top:58%;}
	#header-contact{position: relative; right: 14px; float: right;  display: block;   top: -19px;  z-index: 99;}
	.zoom img, .single-banner img { width: 100%; height: auto!important; }
	.slider-fade-carousel .owl-carousel-1 .owl-nav .owl-next{right: 0%!important;}
	.slider-fade-carousel .owl-carousel-1 .owl-nav .owl-prev{left: 0%!important;}
	#image-column #imageb { position: relative; padding-right: 7px; padding-top: 30px; }
   #image-column #imagec {position: relative; padding-right: 7px; padding-top: 30px; z-index: 1;}
   #image-column #imagec::before {left: -29px;}
	.section-title h1{ font-size:50px;}
	#desktopprod{display:block!important; }
	#mobileprod{display:none!important;}
	#headingmobile{display:block!important;	}
	#enqdem{/*border-radius: 12px;padding: 15px 7px 15px 5px!important;font-size: 9.5px!important;width: 100%;*/}
	.button-65{width:100%!important;height:66px!important;padding:8px 10px!important;}
	.offer-product ul li:first-child:after{top:2px!important;}
	.newlandscape .onleft, .newlandscape .onright{	width: 50%;	/*height: 290px;*/}
	.products-img{	text-align: center;	position: relative;	top: 217px;	z-index: 99;}
    .productsvideo-play-btn{width: 50px;height: 50px;display: inline-block;background: #fff;border-radius: 50%;	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);font-size: 13px;line-height: 50px;text-align: center;padding-left: 4px;}
}

 @media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape)
{ .d_ico {width: 20%;height: 20%;display: none;}
	.sidebar-contact{top:58%;}
	.zoom img, .single-banner img {width: 100%; height: auto!important;  }
	
	#header-contact { position: relative!important;right: 3px!important;float: right!important;	display: block;	top: -19px;	z-index: 9;
	font-size: 12px;/* width: 30%;*/font-weight:600;}
	 /*.whatsap_div i { line-height: 45px; padding: 3px;display:block!important;}
	.whatsap_div {right: 0px;float: right !important;background: #2e925d !important;position: fixed;top: 300px;box-shadow: -2px 2px 5px rgba(0,0,0,.26);border-radius: 4px 0 0 4px;	z-index: 99;padding:3px;display:block!important;}
	.phonecall_div {display:block!important;right: 0px;float: right !important; background: #0091ea !important; position: fixed;top: 225px;    box-shadow: -2px 2px 5px rgba(0,0,0,.26);border-radius: 4px 0 0 4px;	z-index: 9;padding:3px;}*/
    .float-sm{ display:none; }
	#desktopprod{ display:none;	}
	#mobileprod	{display:block!important;}
	#itemd{display:block!important;}
	#headingmobile{display:block!important;}
	.hex-image{width: 237px!important;left: -21px;top: 37px;}
	.image-disign-one::before{ right: -21px!important; top: 236px!important;}
	.image-disign-one{ margin-left:0px!important;}
	.iconic .icon-one{left:2.2%!important;top: 23%!important;}
	.iconic .icon-two{left: 11%!important;top: 20%!important;}
	.iconic .icon-three{left: 11.4%!important;top: 25%!important;}
	.section-link{margin-left: 32px!important;}
	.newlandscape .onleft, .newlandscape .onright {	width: 50%;	height: 228px;}
	.newlandscape{background-size: contain !important;	height:auto!important;}
	[data-shadow=topbottom]{box-shadow: 0 0 6px 0 #999;}
	.products-img {	text-align: center;	position: relative;	top: 107px;	z-index: 99;}
	.productsvideo-play-btn{width: 30px;height: 30px;display: inline-block;background: #fff;border-radius: 50%;-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);font-size: 10px;line-height: 31px;text-align: center;padding-left: 2px;color: #6245fe;}
}
@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px)
and (orientation : landscape)
{
	.d_ico {width: 20%;height: 20%;display: none;}
	.sidebar-contact{top:58%;}
	
	.zoom img, .single-banner img { width: 100%; height: auto!important; }
	#header-contact{position: relative!important;right: 3px!important;float: right!important;display: block;top: -19px;	z-index: 99;font-size: 12px;/* width: 30%;*/font-weight:600;}
	/*.whatsap_div {right: 0px;float: right !important;background: #2e925d !important;position: fixed;top: 300px;box-shadow: -2px 2px 5px rgba(0,0,0,.26);border-radius: 4px 0 0 4px;z-index: 9;	padding:3px;display:block!important;}
	.whatsap_div i { line-height: 45px; padding: 3px;display:block!important;}
	.phonecall_div {display:block!important; right: 0px; float: right !important; background: #0091ea !important;  position: fixed;top: 225px;  box-shadow: -2px 2px 5px rgba(0,0,0,.26); border-radius: 4px 0 0 4px;z-index: 9;padding:3px; }*/
   .float-sm{display:none; }
	#desktopprod{display:none;}
    #mobileprod{display:block!important;}
   #itemd{display:block!important;  }
    #headingmobile{display:block!important;}
	.hex-image{width: 220px!important;left: -32px;top: 37px;}
	.image-disign-one::before{right: -21px!important;top: 236px!important;}
	.image-disign-one{margin-left:0px!important;}
	.iconic .icon-one{left:2.2%!important;top: 23%!important;}
	.iconic .icon-two{left: 11%!important; top: 20%!important;	}
	.iconic .icon-three	{left: 11.4%!important;	top: 25%!important;	}
	.section-link{	margin-left: 32px!important;}
	.newlandscape .onleft, .newlandscape .onright {	width: 50%;	height: 228px;}
	.newlandscape{background-size: contain !important;	height:auto!important}
	[data-shadow=topbottom] {box-shadow: 0 0 6px 0 #999;}
	.products-img{text-align: center;position: relative;top: 107px;z-index: 99;	}
  .productsvideo-play-btn{ width: 30px;height: 30px;display: inline-block;background: #fff;border-radius: 50%;-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);font-size: 10px;line-height: 31px;text-align: center;padding-left: 2px;color: #6245fe;}
}
@media only screen
and (min-device-width : 411px)
and (max-device-width : 740px)
and (orientation : landscape)
{
	.d_ico {width: 20%;height: 20%;display: none;}
	.sidebar-contact{top:58%;}
	/*.whatsap_div i {line-height: 45px; padding: 3px;display:block!important;}*/
	.zoom img, .single-banner img { width: 100%; height: auto!important; }
	#header-contact{position: relative!important;right: 3px!important;float: right!important;display: block;top: -19px;z-index: 99;font-size: 12px;	/* width: 30%;*/font-weight:600;}
	/*.whatsap_div {right: 0px;float: right !important;background: #2e925d !important;position: fixed;top: 300px;		box-shadow: -2px 2px 5px rgba(0,0,0,.26);border-radius: 4px 0 0 4px;z-index: 9;padding:3px;display:block!important;}
	.phonecall_div {display:block!important; right: 0px; float: right !important; background: #0091ea !important; position: fixed; top: 225px;    box-shadow: -2px 2px 5px rgba(0,0,0,.26); border-radius: 4px 0 0 4px;z-index: 9;	padding:3px; }*/
    .float-sm{display:none;}
	#desktopprod{ display:none;	}
	#mobileprod	{ display:block!important;}
	#headingmobile{display:block!important;}
	#itemd{display:block!important;}
    .hex-image{width: 220px!important;left: -32px;top: 37px;}
	.image-disign-one::before{right: -21px!important;top: 236px!important;}
	.image-disign-one{margin-left:0px!important;}
	.iconic .icon-one{left:2.2%!important;top: 23%!important;}
	.iconic .icon-two{left: 11%!important; top: 20%!important;}
	.iconic .icon-three{left: 11.4%!important;top: 25%!important;}
	.section-link{ margin-left: 32px!important;}
	.products-img {text-align: center;position: relative;top: 107px;z-index: 99;}
	.productsvideo-play-btn{width: 30px;height: 30px;display: inline-block;background: #fff;border-radius: 50%;-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);font-size: 10px;line-height: 31px;text-align: center;padding-left: 2px;color: #6245fe;}
	.newlandscape .onleft, .newlandscape .onright {width: 50%;height: 228px;}
	.newlandscape{background-size: contain !important;height:auto!important;}
	[data-shadow=topbottom]
	{box-shadow: 0 0 6px 0 #999;}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
{	.zoom img, .single-banner img {width: 100%;height: auto!important;}
	.slider-fade-carousel .owl-carousel-1 .owl-nav .owl-next{right: 0%!important;}
	.slider-fade-carousel .owl-carousel-1 .owl-nav .owl-prev{left: 0%!important;}
	#desktopprod {display:block!important;}
	#mobileprod{display:none!important;}
	#headingdesktop{ display:block!important;}
	#headingmobile{display:none;}
	#enqdem{/*border-radius: 12px;padding: 15px 7px 15px 5px!important;font-size: 13px!important;width: 100%;*/}
}