.navBox {
  overflow: hidden;
  background: #fff;
  position: fixed;
  width: 100%;
  border-bottom: 1px solid rgba(221, 221, 221, 0.52);
  z-index: 99999;
}

.rs-menu-pd a {
  display: block !important;
  padding: 14px 20px;
  color: #444;
  text-align: center;
  text-decoration: none;
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 2em; margin: 20px 0;
  font-size: 1.2em;
}

.navBox .active { background: #474747; }

.navBox ul {
/*  max-width: 990px;*/
  margin: 0 auto;
  overflow: hidden;
}

.navBox ul li {
  float: left;
  list-style: none;
}

.navBox ul li .fa { padding-left: 4px; }

.navBox .dropNav {
  display: none !important;
  width: 100%;
  padding: 5px 0;
  position: absolute;
  left: 0;
  right: 0;
  top: inherit;
  background: #474747;
  z-index: 7;
  overflow: hidden;
}
.navBox>ul>li.active { background-color: #474747; }

@media only screen and (min-width: 991px) {
	.contact-lnk ul {float: left; width: 25%;}
		.palm-div .col-sm-8 {padding: 40px;}
	.link-area ul li {float: left; width: 33.3%;}
.link-heading h3 {margin: auto !important; width: 50%;}
	.about-content {width: 97%; height: 95%;}
	.about1, .about2 {height: 400px;}
	.service-bottom {margin: 20px;}
	.service-div {width: 60%; padding-top: 40px !important;}
	.device-services {display: none;}
	.banner-section {padding-top: 120px;}
	.border-right {border-right: 1px solid rgba(221, 221, 221, 0.25);}
	.footer-link {padding-top: 50px;}
	address h2 {margin-top: 30px !important; text-decoration: underline;}
	footer ul li a {line-height: 22px;}
	footer {height: 400px; }
	.thumslider ul li {height: 250px !important;}
	.thumslider ul li img{width: 300px;}
	.hm-para .col-md-8 h1 {padding: 20px 0;}
	.hm-para .col-md-8 p {line-height: 22px; text-align: justify}
	.active-nav {/*background: rgb(102, 98, 88); color: #d8aa46 !important;*/}
	.header-strip img {margin-left: 3%; float: left;}
	.rs-menu-pd ul li a {border-left: 1px solid rgba(221, 221, 221, 0.52); padding: 30px 15px;}
	.rs-menu-pd ul li a:hover {}
	.right-nav {float: right;}
	.nav-a-bg img {position: absolute; top: 10px; left: 30px;}
	.cont-form form input {width: 60% !important;}
		.bottom-bt {width: 20%;}
	.home-pd-img {border-right: 2px solid #ccc;}
	.pd-details-area table {width: 70%; margin: auto; text-align: left;}
	.pd-details-area h3 {margin: auto !important; width: 70%; text-align: left;}
	.main-section {padding-top: 10px; padding-bottom: 10px; background: #fff;}
.hover-zoom {float: left; position: relative; height: 300px; margin: 0 auto; overflow: hidden;}
.hover-effect {position: absolute; top: 0; left: 0;}
.hover-effect img { -webkit-transition: 0.4s ease; transition: 0.4s ease;}
.hover-effect:hover img {-webkit-transform: scale(1.08);}

.top-12 {margin-top: 12px;}
.hm-banner {background: #fff;}
.rs-menu-pd a {margin: 0 0px;}

.mobile-logo {display: none;}
#openPageslide { display: none; }

#pageslide { display: block !important; }

.pageslideBg {display: none !important; }
.nav-icon {position: relative;}
.nav-icon img {position: absolute; top: 10px; margin-left: 7px; width: 30px; height: 25px;}
.nav-icon a {padding-top: 30px !important; padding-left: 10px !important; background: rgba(255, 255, 255, 0.86); border-radius: 50px; width: 64px; margin: 0 10px; font-size: 12px !important; color: #000 !important;}

}
@media screen and (max-width: 990px) {
	
	/* .about1, .about2 {height: 500px;} */
	.service1 {height: auto !important;}
	.service-div h2 {font-size: 2em;}
	.service-icon .col-md-6 .col-sm-10 {padding-left: 10px !important;}
	.header-strip {display: none;}
	.service-choose h3 {padding: 10px 0;}
	.service-choose img {width: 50px; height: 50px;}
	.yogi-header h1 {font-size: 1.5em;}
	.social-call {text-align: center;}
	footer ul li {background: none;}
	footer ul {text-align: center;}
	footer {height: auto;}
	.slider-div .col-md-8 {float: left; width: 80%; margin-top: 70px;}
	.slider-div .col-md-4 {float: left; width: 20%; margin-top: 50px;}
	.banner .slider .arrow {width: 70px !important;}
	.banner .slider .arrow a {padding: 4px 8px !important; font-size: 20px !important;}	

	.banner .slider ul {height: 250px !important;}
	.banner .slider ul li img {height: 250px !important;}
	.slider-banner {}
			.bottom-bt {width: 100% !important;}
	.footer-bg h2 {font-size: 1.6em; padding: 10px;}
	.home-pd-img span {display: none;}
	.pd-details-area table {width: 90%; margin: auto;}
	.footer-bg-bottom {text-align: center !important;}
	.hover-zoom {margin-bottom: 10px;}
	.upper-left-area {padding: 10px !important; height: auto; bottom: 10px !important;}
	
.mobile-logo {position: absolute; top: 3px; left: 10%; height: 40px;}
.navBox ul li { float: none; }

.navBox>ul>li { border-bottom: 1px solid #1C93CE; }

.navBox>ul>li>a {padding: 10px;}
.navBox a {color: rgb(218, 218, 218) !important;}

/* .rs-menu-pd, ul, div {padding: 0 !important;} */

.rs-menu-pd li {border-bottom: 1px solid rgba(255, 255, 255, 0.22); width: 100%;}
.rs-menu-pd li a {padding: 5px 0;}
.top-20 {margin: 0;}
.nav-icon img {display: none ;}

.logo-nav {display: none;}
header {background: #357cad;}
.navBox .dropNav {
  position: static;
  background: #357cad;
}

#openPageslide {
  display: block;
  padding: 14px 10px;
  width: 28px;
  border-radius: 6px;
}

#openPageslide span {
  height: 9px;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.91);
  border-width: 3px 0;
  width: 28px;
}

#pageslide {
  display: none;
  width: 200px;
  position: fixed;
  top: 0;
  left: -200px;
  height: 100%;
  z-index: 999999;
  overflow-y: auto;
  background: rgb(53, 124, 173);
}

.pageslideBg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.6);
  z-index: 9998;
}
}

@media screen and (min-width: 768px) and (max-width: 990px){
	.section-about .col-sm-6 {height: 500px !important;}
}
@media screen and (max-width: 767px){
	
	.service-icon .col-sm-2 {display: none;}
.service-icon .col-sm-10 {border: none !important;}
}

@media screen and (max-width: 640px){
.bottom-slider {display: none;}	
.link-area textarea {width: 100%;}


}

@media screen and (max-width: 480px){
.banner .slider ul {height: 180px !important;}
	.banner .slider ul li img {height: 180px !important;}

}

@media screen and (max-width: 360px){
	.link-area ul li {padding: 10px 0 !important;}
	.banner .slider ul {height: 120px !important;}
	.banner .slider ul li img {height: 120px !important;}
}

	.service-choose {    margin: 0 2% !important;
    width: 130px;
    height: 120px;
    display: inline-block;
    /* border: 1px solid #ddd; */
    border-radius: 100%;
    padding: 5px;
    text-align: center;
    margin: auto;
    vertical-align: top;}
	.service-choose h3 {color: #000;}
	.device-services {width: 100%; padding: 20px 0; text-align: center; margin: auto;     margin-bottom: 5px;
       background: #fff;}