@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600,800&display=swap');
:root {
    --green: #136707;
    --red: #e92531;
    --darkblack:#333;
    --lightblack:#777;
    --opensan: 'Open Sans', sans-serif;
  }
* {box-sizing:border-box; margin: 0; padding: 0; }
a { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; cursor:pointer; text-decoration:none;  color: unset;}
textarea{ resize:none;}
a:hover, a:active { text-decoration:none; }
a:focus { text-decoration:none; outline:none; }
::-moz-selection { color: #fff; background:#ef5555; text-shadow:none;}
::selection { color: #fff; background:#ef5555; text-shadow:none; }
p { display:block; padding:10px 0px; }
.clear { clear:both; height:0px; line-height:0px; font-size:0px; margin:0px; padding:0px; display:block; }
.clear5 { display:block; height:5px; line-height:0px; font-size:0px; clear:both; }
.clear10 { display:block; height:10px; line-height:0px; font-size:0px; clear:both; }
.clear20 { display:block; height:20px; line-height:0px; font-size:0px; clear:both; }
.clear40 { display:block; height:40px; line-height:0px; font-size:0px; clear:both; }
header, section, aside, nav, footer { display:block; }
h1, h2, h3, h4, h5, h6 { display:block; margin:0; padding:0; }
img { max-width:100%; }
ul { display:block; margin:0; padding:0; list-style:none; }
body {font-family: var(--opensan); padding: 0 0 0; margin: 0; line-height: 1.3; font-size: 16px; color: var(--lightblack); }
.container{max-width: 1250px; margin: 0 auto;  }

.btn {border: 2px solid #fff; min-width: 180px; line-height: 50px; text-align: center; color: #fff; display: inline-block; border-radius: 5px; font-size: 18px; font-weight: 500;}
.btn.btnprimary {border: 2px solid var(--red); color: #fff; background-color: var(--red); line-height: 40px; }
.btn.btnprimary:hover {background-color: var(--green); border-color: var(--green);}

button.site-button.radius-no {border: 2px solid var(--red); color: #fff; background-color: var(--red); line-height: 40px;  display: inline-block; min-width: 205px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 18px; margin-top: 20px; border-radius: 5px; cursor: pointer; transition: all;}
button.site-button.radius-no:hover{background-color: var(--green); border-color: var(--green);}

.btn.btngreen {border: 2px solid var(--green); color: #fff; background-color: var(--green); line-height: 40px; }
.btn.btngreen:hover {background-color: var(--red); border-color: var(--red);}

#raj__header .container{background-color: #fff; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px 0;}
#raj__header ul.top_social {display: flex;  flex-wrap: wrap;  align-items: center;}
ul.top_social li img {transition: all 0.2s;}
ul.top_social li img:hover {opacity: 0.5;}
ul.ftr_social li img {image-rendering: pixelated;}
ul.ftr_social li img:hover {opacity: 0.5;}
#raj__navbar  {display: block; width: 100%; position: relative; z-index: 99; padding-top: 30px;}
#raj__navbar .container {display: flex; flex-wrap: wrap; justify-content: space-between;}
#raj__navbar ul {display: flex; flex-wrap: wrap; color: #fff;}
#raj__navbar ul.raj__mainNav > li {padding-right: 4px;}
#raj__navbar ul.raj__mainNav > li > a {color: #fff; font-size: 16px; font-weight: 300; text-transform: uppercase;}
#raj__navbar ul.raj__mainNav > li > a:hover{color: var(--red);}
#raj__navbar ul.raj__sidetext li {padding-left: 15px;}
#raj__navbar ul.raj__sidetext li span {color: var(--red); font-weight: 600;}
#raj__mainbanner {display: block; margin-top: -50px;}


section#raj__mainbanner {max-height: 800px; overflow: hidden;}
section#raj__mainbanner .item { position: relative;}
.raj__slidetextwrap { position: absolute;  top: 0;  left: 0;  width: 100%;   height: 100%;   display: flex;    align-items: center; color: #fff;}
.raj__slidetextwrap .container {width: 100%; margin-top: -300px;}
.raj__slidetextwrap h1 {display: block; font-size: 34px; font-weight: 500; line-height: 1.2; text-transform: uppercase  ;}
.raj__slidetextwrap h1 + p {font-size: 20px; font-weight: 300;}
.raj__slidetextwrap h1 + p span {font-size: 30px; font-weight: 800; color: #7bff00;}
.raj__slidetextwrap .btn {margin-top: 10px;}
.raj__slidetextwrap .btn:hover {background-color: var(--red);}

section#bio__specilities {  margin-top: -170px;    z-index: 99;    position: relative;}
section#bio__specilities .container { display: flex;  flex-wrap: wrap;    justify-content: space-between;}
.bio__specilitiesBox {width: 24%; text-align: center; color: #fff; background-color: var(--red); padding: 60px 20px;}
.bio__specilitiesBox h2 {font-size: 48px; font-weight: 800;}
.bio__specilitiesBox h2 span{ display: block; font-size: 20px; text-transform: uppercase; font-weight: 300; }
.bio__specilitiesBox {font-weight: 300; line-height: 1.2;}

section#bio__welcomebody {padding: 50px 0;}
section#bio__welcomebody h2 {text-align: center; font-size: 30px; font-weight: 500; color: var(--red);}
section#bio__welcomebody h2 span {color: var(--green);}
section#bio__welcomebody h2:after {content: ''; height: 2px; display: block; max-width: 170px; background-color: var(--red); margin: 15px auto ;}
section#bio__welcomebody p {text-align: center; padding: 0 25px;}
section#bio__welcomebody p:last-child {margin-top: 20px;}
section#bio__welcomebody p b {color: var(--red);}
 .bio__viewvideo {text-align: center; padding: 50px 0 50px;}

 #bio__ourproducts {padding: 50px 0; background:url(../images/our-productsBG.jpg) no-repeat var(--darkblack); background-size: cover; background-attachment: fixed; min-height: 800px; }
 #bio__ourproducts h2 {text-align: center; font-size: 30px; font-weight: 500; color: #fff;}

 .bio__ourproductswrap {display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 40px;}
 .bio__ourproBox {width: 24%; margin-bottom: 5%; background-color: #fff; text-align: center; }
 .bio__ourproBox .proimg img {max-width: 98%; height: 200px; object-fit: cover; padding: 20px 0;}
 .bio__ourproBox .protitle {padding: 10px 25px 0    ; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
 .bio__ourproBox .prodetails {padding: 0px 25px 50px; position: relative; }
 .bio__ourproBox .prodetails .btn { position: absolute; left: 50%;  transform: translateX(-50%); bottom: -20px;}

 section#bio__aimsbody {  padding: 50px 0;}
 .bio_aimswrap {display: flex; flex-wrap: wrap; justify-content: space-between;}
 .bio__aimbox {  width: 32%;    text-align: center;}
 .bio__aimbox  img {max-height: 60px; display: block; margin: 0 auto 15px;}
 .bio__aimbox  h2 {font-size:24px; color: var(--red); font-weight: 500; text-transform: uppercase;}
 .bio__aimbox  h2 span {color: var(--darkblack);}
 .bio__aimbox p {min-height: 130px;}

 #bio__testimo {text-align: center;}
 #bio__testimo .testi_text p {font-size: 14px;}
 .bio_testiImg {width: 100px; height: 100px; overflow: hidden; border-radius: 50%; margin: auto; }
 .bio_testiImg  img {width: 100%; height: 100%; object-fit: cover; }
.clientname strong {color: var(--darkblack); font-weight: 400; font-size: 16px; display: block;}
.clientname strong:before{content: '-- '; display: inline-block; padding-right: 5px;}
.clientname strong:after{content: '-- '; display: inline-block; padding-left: 5px;}

.clientword {position: relative; padding-left: 30px;}
.clientword:before {content: ''; width: 27px; height: 24px; background:url(../images/quote.jpg) no-repeat ; position: absolute; left: 0; top: 0;}



#bio__testimo h2 {display: block; font-size: 30px; font-weight: 500; color: var(--red); position: inherit;}
#bio__testimo h2 span {color: var(--darkblack);}
.bio__specialheading {  position: relative;}
#bio__testimo h2 strong { font-weight: normal;  display: inline-block;  background: #fff;  padding: 0 40px;  position: relative;  top: -19px;}
.bio__specialheading { margin: 50px 0; position: relative;} 
.bio__specialheading:before {  content: '';   width: 100%;    left: 0;    position: absolute;    height: 1px;    background: #ddd;} 

#bio__testimo .owl-nav { display: none;}
#bio__testimo .owl-dots {text-align: center; padding-top: 20px;}
#bio__testimo .owl-dots .owl-dot {  display: inline-block;  width: 10px;    height: 10px;    background: #ddd;    margin: 0 2px;    border-radius: 50%;}
#bio__testimo .owl-dots .owl-dot.active {background-color: var(--red);}

#bio__ourhotproducts {padding: 50px 0; background:url(../images/our-hotproductsBG.jpg) no-repeat var(--darkblack); background-size: cover; background-attachment: fixed; margin-top: 50px;  }
#bio__ourhotproducts h2 {text-align: center; font-size: 30px; font-weight: 500; color: #fff;}


.raj__slidetextwrap .container {padding: 0 60px;}
#raj__mainbanner .owl-nav {position: absolute; left: 0;  width: 100%;  max-width: 1250px;  top: 30%; left: 50%;  transform: translate(-50%, -50%);  padding: 15px;  font-size: 70px;  color: #fff;  display: flex;  justify-content: space-between;}
#raj__mainbanner .owl-nav  button {outline: 0; border: 0;}
#raj__mainbanner  .owl-dots  {display: none !important;}
#bio__awardssection .owl-nav {position: absolute; width: 100%;  top: 0;  left: 0;  padding: 15px;  font-size: 70px;  color: var(--red);  display: flex;  justify-content: space-between;}
#bio__awardssection .owl-nav button {outline: 0; border: 0;}
#bio__awardssection  .item {padding: 0 30px;}
#bio__awardssection .owl-dots  {display: none !important;}


#relproducts .owl-nav {position: absolute; width: 100%;  top: 0;  left: 0;  padding: 15px 0;  font-size: 70px;  color: var(--red);  display: flex;  justify-content: space-between;}
#relproducts .owl-nav button {outline: 0; border: 0;}
#relproducts  .item {padding: 0 30px;}
#relproducts .owl-dots  {display: none !important;}


#bio__clienttle {padding: 50px 0;}
#bio__clienttle .owl-nav {position: absolute; width: 100%;  top: 0;  left: 0;  padding: 15px;  font-size: 70px;  color: var(--red);  display: flex;  justify-content: space-between;}
#bio__clienttle .owl-nav button {outline: 0; border: 0;}
#bio__clienttle .item {padding: 0 30px;}
#bio__clienttle .owl-dots  {display: none !important;}

#bio__clienttle .item {text-align: center; padding-top: 35px;}
#bio__clienttle .item img {width: inherit; max-height: 80px; display: block; margin: auto;}

#bio__clienttle h2 {  text-align: center;  font-size: 30px;  font-weight: 500;  color: var(--red);}
#bio__clienttle h2 span {color: var(--green);}
#bio__clienttle h2:after { content: '';  height: 2px;  display: block;  max-width: 170px;  background-color: var(--red);  margin: 15px auto;}

#bio__getintouch {background-color: var(--red); color: #fff; padding: 25px 0;}
#bio__getintouch .container {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
#bio__getintouch .left_text  {font-size: 30px; line-height: 36px; font-style: italic;}
#bio__getintouch .left_text span {display: block; font-size: 24px; color: #fac614;}
#bio__getintouch .getintouchBTN { line-height: 50px;  background-color: #fac614;  display: inline-block;  min-width: 210px;  text-align: center;  font-size: 18px;  color:var(--red);  font-weight: 600;  transform: skewX(-20deg);}
#bio__getintouch .getintouchBTN:hover {background-color: var(--green); color: #fff;}

#footer {background:url(../images/footerBG.jpg) no-repeat #333 ; background-size:cover;  padding: 50px 0 0;}
#footer > .container {display: flex; flex-wrap: wrap; justify-content: space-between;  color: #fff;}
.ftr_logo {width: 35%;}
.ftr_workinghour {width: 25%;}
.ftr_address {width: 30%;}
.iframemap {margin-top: 15px;}


div#img-block {width:20%}

div#tabs {display: flex;  flex-wrap: wrap; align-items: start; background-color: #e9e9e9;}
div#tabs > ul {width: 25%;  display: flex;  flex-wrap: wrap; border: 0;}
div#tabs > ul > li { display: block;  width: 100%;}
div#tab-containers { width: 55%; background: #fff;}
section#raj__insidebodywrap .row .col-md-3 {width: 47%;  text-align: center;  border: 1px solid #ddd;  margin: 5px;  padding: 10px;  font-weight: 400; margin-top:30px;}
section#raj__insidebodywrap .row .col-md-3 i {  font-size: 60px !important;  margin-bottom: 5px;}
section#raj__insidebodywrap .row .col-md-3 img {  max-height: 60px;}
section#raj__insidebodywrap .row .col-md-3 h4 {font-weight: 400;}


ul.list-check.secondry { display: flex; flex-wrap: wrap;  justify-content: space-between;}
ul.list-check.secondry li {  width: 100%;  margin-bottom: 30px;  padding: 0 0 0 25px;  position: relative;}
ul.list-check.secondry li:before {  content: "✔";  font-size: 20px;  position: absolute;  left: 0;  top: 0;  color: #cddc39;}

.testimonial-2 .testimonial-text {
  background-color: #f4f5f7;
  padding: 30px;
  position: relative;
}
.testimonial-text p:last-child {
  margin: 0;
}

.testimonial-2 .testimonial-text:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #f4f5f7;
}



.testimonial-2 .testimonial-detail {
  padding: 25px 0 20px 20px;
}

.testimonial-2 .testimonial-pic {
  float: left;
  margin-right: 15px;
  width: 80px;
  height: 80px;
}

.testimonial-2 .testimonial-name {
  padding-top: 20px;
}

.testimonial-pic.radius img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -webkit-border-radius: 100%;
}

.testimonial-2 .testimonial-pic {
  float: left;
  margin-right: 15px;
  width: 80px;
  height: 80px;
}

.item.col-md-12 {
  margin-bottom: 70px;
}

.testimonial-2 .testimonial-pic {position: relative;}
.testimonial-2 .quote-left:before {
  content: "”";
  width: 36px;
  height: 36px;
  line-height: 1.2 !important;
  background: var(--red);
  color: #fff;
  text-align: center;
  left: 0;
  display: block;
  font-size: 50px;
  bottom: 0;
  position: absolute;
  z-index: 9999;
  border-radius: 100%;
}

.faqdiv p {
  display: none;
}

.faqdiv h3 {
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer;
}

.faqdiv h3.active {
  color: var(--green) !important  ;
}

.faqdiv {
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 15px;
  position: relative;
}

#tabs-4 td {
  border: 1px solid #ddd;
  padding: 10px;
}

ul.ftr_social {display: flex; flex-wrap: wrap; padding-top: 15px; }
#footer h3 {font-weight: 600; padding-bottom: 15px;}
ul.timeshedule {margin-bottom: 15px;}
ul.timeshedule li {padding: 5px 0;}
ul.timeshedule li  span {color: var(--red); font-weight: 600;}
.quicklinks li {padding: 5px 0;}
.quicklinks li:before {content: '>'; padding-right: 5px;}
.quicklinks li a:hover {color: var(--red);}
.ftr_address ul li{padding: 5px 0;}
.ftr_address ul li span {color: var(--red); font-weight: 600;}

.copyright {padding: 15px 0; background-color: var(--red); color: #fff; margin-top: 40px; font-size: 14px;}
.copyright .container {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.copyright .container img {max-height: 40px;}

.homeburg  {display: none;}

nav#hidenavbar {position: fixed; left: 0; top: 0;  width: 100%;  background: var(--green);  box-shadow: 0 0 5px #000; z-index: 999; display: none;}
nav#hidenavbar ul.raj__mainNav {display: flex;}
nav#hidenavbar ul.raj__mainNav > li > a {color: #fff; padding: 25px 20px 25px 0; display: block;}
nav#hidenavbar ul.raj__mainNav > li > a:hover {color: yellow;}
nav#hidenavbar.newClass { display: block;}

#raj__innernav {background: var(--red);}
#raj__innernav .container > ul  {display: flex; }
#raj__innernav .container > ul > li > a {display: block; padding: 15px 15px 15px 0 ; color: #fff;}
#raj__innernav .container > ul > li > a:hover {color: yellow;}
#raj__insidebanner {display: block;  background: url(../images/insidebannerBG.jpg) no-repeat var(--darkblack);  color: #fff; background-size:cover;}
#raj__insidebanner .container {display: flex; align-items: center; min-height: 300px; }


section#raj__insidebodywrap {padding: 50px 0; background: url(../images/toolsbg.jpg) bottom right no-repeat, url(../images/toolsbg-top.jpg) top left no-repeat; background-size: 400px, 400px; } 

section#raj__insidebodywrap  h2 {color: var(--red); text-transform: uppercase; text-align:center;}
section#raj__insidebodywrap  h3 {margin: 20px 0; font-weight: 600; color: var(--red);}
section#raj__insidebodywrap .row {display: flex; flex-wrap: wrap; justify-content: space-evenly; padding-top: 20px;} 
section#raj__insidebodywrap .row .col-md-4 {width:32.3333333%; margin-bottom: 15px; border: 1px solid var(--red); text-align: center; padding: 25px; background-color: #fff;}
section#raj__insidebodywrap .row .col-md-4 h3 {font-weight: 600; color: var(--red); font-size: 14px; margin: 0;}
section#raj__insidebodywrap .row .col-md-4  p {font-size: 18px; color: var(--darkblack); font-weight: 800; padding: 0;}
section#raj__insidebodywrap .row .col-md-4 i {font-size: 50px; color: var(--red);}
section#raj__insidebodywrap .icon-bx-wraper.left.m-b30 {display: flex; align-items: center;  text-align: left;}
section#raj__insidebodywrap .icon-content { padding-left: 20px;}

div#lightgallery {display: flex; flex-wrap: wrap;  justify-content: space-between;}
div#lightgallery > a {display: block; width: 32.3333333%; margin-bottom: 30px;}
div#lightgallery > a {display: block;width: 32.3333333%;  margin-bottom: 30px;  background: #fff;  border: 1px solid;  text-align: center; overflow: hidden;}
div#lightgallery > a img {display: block; transition: all 0.5s; margin: auto;}
div#lightgallery > a:hover img {transform: scale(1.2); opacity: 0.8;}
div#lightgallery > a:hover {background-color: var(--darkblack);}
picture.lg-img-wrap { background: #fff;}
.lg-prev, .lg-next, div#lg-toolbar-1 {  background: var(--red);  color: #fff;}
div#lg-toolbar-1 button, div#lg-toolbar-1 a {color: #fff;}
.lg-counter { color: #fff;}


div#contactPage .col-lg-4 {width: 33.333333333333%;}

div#contactPage {display: flex;  flex-wrap: wrap;  justify-content: space-between;}
div#contactPage  > div {width: 48%;}
.contact__left {padding-right: 50px; border-right: 1px solid #f1f1f1; padding-top: 50px; padding-bottom: 50px;}
.contact__left ul li { display: flex; padding: 10px 0;}
.contact__left ul li i { width: 40px;  display: inline-block;  color: var(--green);  font-size: 20px;}
.contact__left ul li strong {display: block; font-weight: 300; color: var(--red); font-weight: 400; font-size: 20px;}
.contact__right {padding-left: 50px; padding-top: 50px;}
.contact__right input {width: 100%; border: 1px solid #ddd; height: 45px; padding: 0 15px; border-radius: 5px; font-family: var(--opensan); outline: 0;}
.contact__right input:focus {border-color: var(--red);}

.contact__right textarea {width: 100%; border: 1px solid #ddd;  padding: 15px; border-radius: 5px; font-family: var(--opensan); outline: 0; }
.contact__right textarea:focus {border-color: var(--red);}
.contact__right .form-group {margin-bottom: 20px;}
.raj__mainNav {position: relative;}
.raj__mainNav ul.sub-menu {position: absolute; background: var(--red);  width: 100%;  display: flex;  flex-wrap: wrap; padding: 15px 0; left: 0; justify-content: space-between; padding: 15px; visibility: hidden; opacity: 0; transform: translate(-100px); transition: all 0.3s;}
.raj__mainNav ul.sub-menu li {width: 32.333%;}
.raj__mainNav ul.sub-menu li a {display: block; padding: 5px; font-size: 14px;  border-bottom: 1px dashed #ddd; color: #fff;}
.raj__mainNav ul.sub-menu li a:hover {background-color: var(--green); color: #fff;}

.raj__mainNav > li:hover > ul {visibility: visible; opacity: 1; transform: translate(0);}

#hidenavbar .raj__mainNav ul.sub-menu  {background-color:var(--green); box-shadow: 0 0 5px rgba(0,0,0,0.3);}
#hidenavbar .raj__mainNav ul.sub-menu > li > a {color: #fff;}
#hidenavbar .raj__mainNav ul.sub-menu > li > a:hover {background-color: var(--red); color: #fff;}
.raj__mainNav li.ournew ul.sub-menu {width: auto;  left: auto;  display: block;}
.raj__mainNav li.ournew ul.sub-menu li {width: 100%;}

#procontainer {display: flex; flex-wrap: wrap; justify-content: space-between;  padding: 50px 0 100px; align-items: flex-start; }
.leftproImg {width: 40%; border: 1px solid #ddd; padding: 25px;}
.leftproImg  img {width: 100%; height: 100%; object-fit: cover; display: block;}
.rightprotext { width: 58%;}
.rightprotext table { border: 1px solid #ddd; margin: 15px 0 ; width: 100%; border-spacing: 10px;
  border-collapse: separate;}
.rightprotext table td {padding: 5px; border: 1px solid #ddd;}

.imgrela {border: 1px solid #ddd;}
#relproducts h4 {color: var(--red); border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 10px; text-transform: uppercase; font-size: 20px;}
#relproducts {padding-bottom: 100px;}




.top_contactwrap {background: var(--red);}
.top_contactwrap .container { background: none !important;  color: #fff;  padding-top: 5px !important;  padding-bottom: 5px !important;  font-size: 14px;}
ul.raj__sidetext {display: flex;  flex-wrap: wrap;  justify-content: flex-end;  width: 100%;}
ul.raj__sidetext li {padding-left: 15px;}
ul.raj__sidetext li span {font-weight: 600;}
.certificates img {max-height: 200px !important;}

ul.top_social img {max-height: 45px;}
ul.top_social li:last-child img {max-height: 100px; width: auto;}
#raj__header .container {  align-items: center;}



@media(min-width:768px) {
  #raj__navbar ul.raj__mainNav > li > a { border: 1px solid;   padding: 5px 15px;    border-radius: 5px; font-size: 15px;}
  #raj__navbar ul.raj__mainNav > li > a:hover {background-color: var(--red); color: #fff;}
}



@media(min-width:981px) {
   
}


@media(max-width:1400px) {    

  .raj__slidetextwrap .container { margin-top: -100px;}
}

@media(max-width:1260px) {    
   .container {padding: 0 15px;}
   #procontainer {    padding: 00px 15px 50px;}
   #raj__header .container { padding: 15px 15px;}
   .raj__slidetextwrap .container { margin-top: -100px;}
}


@media(min-width:1025px) and (max-width:1180px) {
  .raj__slidetextwrap .container { margin-top: -100px;}
}

@media(min-width:992px) and (max-width:1024px) {
    
  .raj__slidetextwrap .container { margin-top: -100px;}
  #raj__navbar ul.raj__sidetext { display: none;}
  section#raj__insidebodywrap .row .col-md-4 {width: 48%;}

}


@media(max-width:992px){
  #raj__navbar ul.raj__sidetext { display: none;}
  #raj__navbar ul.raj__mainNav > li > a { border: 0;   padding: 0;    font-size: 15px;}

}

@media(min-width:768px) and (max-width:991px) {
  .bio__ourproBox {width: 49%;}
  .bio__specilitiesBox { padding: 20px; width: 49%; margin-bottom: 1%;}
  a.raj__logoblock img { max-width: 310px;}
  .top_social img { max-height: 40px;}
  .raj__slidetextwrap .container { margin-top: 0;}
  section#bio__specilities {  margin-top: 20px  ;}
  .bio__specilitiesBox h2 {font-size: 38px; font-weight: 600;}
  nav#hidenavbar ul.raj__mainNav > li > a {    padding: 15px 20px 15px 0;    font-size: 14px;}
  section#raj__insidebodywrap .row .col-md-4 {width: 48%;}
  ul.raj__mainNav > li > a {   font-size: 14px;}
  ul.top_social li:last-child img {max-height: 80px; width: auto;}
  #raj__header .container {  align-items: center;}
}

@media(max-width:767px){    
  div#img-block {   width: 100%;    margin-bottom: 10px;}
  div#tabs > ul {   width: 100%;}
  div#tabs > ul > li {  display: block;  width: auto;    margin-bottom: 5px;}
  div#tab-containers {   width: 100%;    background: #fff;}
  section#bio__specilities { margin-top: 0;  padding-top: 20px;}
  .bio__specilitiesBox { width: 100%;  margin-bottom: 3%;}
  .raj__slidetextwrap .container { margin-top: 0;}
  .raj__slidetextwrap { position: static;  background: var(--green);}
  #raj__mainbanner .owl-nav {display: none !important;}
  .raj__slidetextwrap .container { margin-top: 0;  padding: 15px;}
  .bio__ourproBox {  width: 100%;  margin-bottom: 10%;}
  .bio__aimbox {width: 100%;  text-align: center;    margin-bottom: 10%;}
  .raj__slidetextwrap h1 {font-size: 26px;}
  .raj__slidetextwrap h1 + p { font-size: 18px;}
  #footer {padding: 20px 0 0 0;}
  .ftr_logo, .ftr_workinghour, .ftr_address {width: 100%; padding: 20px 0;}
  #raj__header ul.top_social img {width: 40px;}
  a.raj__logoblock img {  max-width: 220px;}
  #raj__navbar {padding: 0;}
  #raj__header ul.top_social  {display: none;}
  #raj__mainbanner {margin: 0;}
  #raj__header .container { padding: 15px 15px 10px;}
  #raj__navbar {background-color: var(--red); display: none;}
  #raj__navbar ul.raj__mainNav { display: block; width: 100%;}
  #raj__navbar ul.raj__mainNav > li > a { display: block; padding: 10px; border-bottom: 1px solid rgba(245,245,245,0.3);}
  .homeburg { width: 25px; display: flex; justify-content: left; cursor: pointer;  flex-wrap: wrap; align-items: center;}
  .homeburg > div { width: 100%;}
  .homeburg span { display: block;  height: 2px;  background-color: var(--darkblack);  margin: 5px 0;  width: 100%; padding: 0;}
  nav#hidenavbar {display: none !important;}
  #raj__innernav .container > ul { display: block;}
  #raj__innernav {display: none;}
  #raj__insidebanner .container {   min-height: 110px;}
  section#raj__insidebodywrap .row .col-md-4 {width: 100%;}
  section#raj__insidebodywrap  iframe { width: 100% !important;  float: none !important;    margin: 10px 0 !important;}
  div#contactPage  > div {  width: 100%;    padding-right: 0 !important;    padding-left: 0;    padding-top: 30px !important;    padding-bottom: 0;}
  section#raj__insidebodywrap { background-size: 300px, 300px;}
  .rightprotext {  width: 100%;  padding-top: 20px;}
  .leftproImg {width: 100%;}

  .raj__mainNav ul.sub-menu {  position: static;  display: block;  transform: translate(0);  height: 0;  margin-top: -30px;}
  .raj__mainNav ul.sub-menu li {width: 100%;}
  .raj__mainNav > li:hover > ul {  visibility: visible;  opacity: 1;  transform: translate(0);  height: auto;  margin-top: 0px;}
}


@media(max-width:481px){   
   
}

@media(max-width:331px) {

}

@media only screen and (max-device-width: 767px) and (orientation: portrait)  {
  #bio__getintouch .left_text {  width: 100%;    text-align: center; font-size: 20px;}
  #bio__getintouch .left_text  span {font-size: 20px;}
  #bio__getintouch .right_text {  width: 100%;  text-align: center;    padding-top: 10px;}
  div#lightgallery > a { width: 100%;}
  

}

@media  (max-device-width: 767px) and (orientation: landscape) {
  .bio__specilitiesBox { width: 49%;  margin-bottom: 3%;}
  .bio__ourproBox {  width: 49%;  margin-bottom: 10%;}
  section#raj__mainbanner {max-height: inherit;}
  div#lightgallery > a { width: 48%;}
  
}




