@charset "utf-8";
@media (max-width: 1370px) {
	.header {
		padding: 10px 20px;
	}
	section {
		padding: 0% 5%;
	}
	.home .slide {
		height: 495px;
	}
	.home .slide .content {
		width: 100%;
		padding-left:5%;
	}	
	.home .slide .content h2 {
		font-size: 35px;
	}	
	.home .slide .content h3 {
		font-size: 35px;
	}
	.home .slide .content p {
		font-size: 19px;
	}

	.our-community-box{
		padding:50px 30px 0px 0px;
	}

	.our-community-box img{width:80px}

	.rd-banner-bg{
		background: url(../images/rd-bg.jpg) no-repeat; 
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		height:500px;
	}

	.in-banner-heading {
		font-size: 28px;
		line-height: 45px;
	}

	.in-banner-subheading {
		font-size:20px;
		line-height: 45px;
	}

	.demo-data-box h3 {
		font-size: 24px;
	}

	.solutions-banner-bg{
		background: url(../images/solutions-bg.jpg) no-repeat; 
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		height:500px;
	}
}

@media (max-width: 991px) {
   .header {
    padding: 10px 20px;
  }
  section {
    padding: 0% 5%;
  }
}




/* $$$$$$$$$$$$$$$$$$$$$$$$ I Pads (Landscape)	$$$$$$$$$$$$*/
@media only screen and (max-width:1024px), only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape)
{
	section {
		padding:0% 2%;
	}	

	.navbar-nav .nav-link {
		padding: 14px 20px;
		color: #454545;
		font-size: 14px;
		margin: 0px 10px;
		min-width: 100px;
		text-align: center;
	}
	
	.home .slide {
		height: 25rem;
	}

	.home .slide .content {
		width: 50rem;
	}

	.home .slide .content h2{
		font-size: 21px;
	}

	.home .slide .content h3 {
		font-size: 18px;
	}

	.home .slide .content p {
		font-size: 16px;
		max-width: 600px;
	}

	#container-anim {
		font-size: 18px;
		bottom: 25%;
	}

	#flip > div > div {   
		height: 41px;
		margin-bottom: 59px;
	}
	.heading {
		font-size: 2.5rem;
	}
	.normal-font p {
		text-align: center;
		margin-bottom: 3rem;
		font-size: 16px;
		text-transform: normal;
		color: #877f7b;
		padding-top: 10px;
	}

	.specialties h4 {
		font-size: 21px;
		font-weight: 600;
		text-align: left;
		text-transform: capitalize;
		color: #643e2a;
	}
	.specialties p {
		text-align: left;
		margin-bottom: 3rem;
		font-size: 16px;
		text-transform: normal;
		color: #877f7b;
	}

	.key-features-box h4{
		font-size: 21px;
		font-weight: 600;
		text-align: center;
		text-transform: capitalize;
		color: #643e2a;
		padding:10px 0px;
	}

	.key-features-box p{
		font-size: 16px;
		font-weight: normal;
		text-align: center;
		text-transform: capitalize;
		color: #454545;
		line-height:24px;
	}

	/* -- Inner-Pages -- */
	.in-banner-bg {
		margin-top:95px;
		height:230px;
	}

	
	.in-banner-bg img{
		width:100%;
		height:230px;
	}	

	.demo-data-box h3 {
		font-size: 22px;
		line-height:auto;
		font-weight:600;
	}

	.demo-data-box h4 {
		font-size: 18px;
		line-height:auto;
		font-weight:500;
	}

	.demo-data-box p {
		font-size: 16px;
		line-height: auto;
		font-weight:400;
	}

	.demo-form-box h3{
		font-size:24px;
		padding-top:10px;
		padding-bottom:0px;
	}

	.demo-form-button{
		display: inline-block;
		padding: 10px 20px;
		font-size: 16px;
		border: 2px solid #ff683c;
		background: #FFCD45;
		color: #3e3c3c;
		cursor: pointer;
		text-transform: capitalize;
		border-radius: 5px;
	}
	
	.footer {
	  background: #393327;
	  margin-top:0px;

	}
	.footer .box h3 {
		font-size: 28px;
		text-transform: capitalize;
		color: #FBF6E8;
		padding: 10px 0;
	}

	.footer .box p {
		font-size: 18px;
		line-height: 2;
		color: #fff;
		padding: 0px 0px;
	}

	.footer .box .share a {
		height: 40px;
		width: 40px;
		line-height: 40px;
		font-size: 16px;
		background-color: #FFCD45;
		color: #fff;
		margin-right: 5px;
		text-align: center;
		text-decoration: none;
		border-radius:30px;
	}

	.footer .box .share a:hover {
		background-color: #60553f;
		text-decoration: none
	}

	.footer .copyright {
		text-align: center;
		margin-top: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 14px;
		text-transform: capitalize;
		color: #FBF6E8;
		border-top: 2px solid #FBF6E8;
	}
}

/* $$$$$$$$$$$$$$$$$$$$$$$$$ I Pads (Portrait)	$$$$$$$$$$$$$$$$$$$$$$ */
@media only screen and (max-width:768px), only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait)
{	
	.header {
		padding: 10px 0px;
	}
	#logo img{
		width:80%;
		padding-left:15px;
	}
	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
		width:100%;
		padding:0px;
		margin:0px;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		border:none;
		color:#fff;
	}

	.toggle:hover {	
		color:#fff;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
		padding:0px;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		text-align:left;
		border-bottom:2px solid #fff;
	}

	nav ul li a, nav ul li label {
		padding: 10px;
		color: #FFF;
		font-size: 17px;
		text-decoration: none;
		display:block;
	}

	/* Background color change on Hover */
	nav ul li a:hover { 
		padding:10px;
		color:#FFF;
		border-radius: 0px;
		width:100%;
	}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 0px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #000000;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #4a4335; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		margin:0px 10px 10px 10px;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
		padding:10px;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}
	
	
	.home{padding: 60px 0px 0px 0px;}

	.home .slide {
		height: 300px;
		padding:200px 30px;
	}

	.home .slide .content {
		padding:5px 10px !important;
		width: 100%;
		background-color: rgb(219 199 147 / 60%); 
		color: rgba(255, 255, 255, 0.8);
		border-radius:8px;
		margin:0% 2%;
	}

	.home .slide .content h2 {
		font-size: 26px;
	}
	.home .slide .content h3 {
		font-size: 21px;
		color: #584b38 !important;
		padding:10px 0px;
	}

	.home .slide .content p {
		font-size: 18px;
	}


	.heading {
		font-size: 21px;
	}
	.subheading {
		font-size: 18px;
	}
	.normal-font p{
		font-size: 16px;
	}
	.normal-font-L {
		font-size: 18px;
	}
	.normal-font-M {
		font-size: 16px;
	}
	.normal-font-R {
		font-size: 14px;
	}
	.special-font-big{
		font-size: 21px;
	}
	.special-font-normal{
		font-size: 18px;
	}
	
	
	.solutions-container span .box {
		padding: 15px 5px;
		text-align: center;
		border: 0.1rem solid #cfcfcf;
		border-radius: 5px;
		box-shadow: 0 4px 10px rgba(0,0,0,0.12), 0 4px 6px rgba(0,0,0,0.20);
		background-color:#fefefe;
		height:150px;
	}
	.solutions-container span .box img {
		height: 60px;
		margin-bottom: 5px;		
	}
	.swiper-wrap{position: relative;text-align: left;}

	.solutions-container.swiper-button-next{
		margin-top: 0px;
		position: absolute;
		top: 45%;
		right:-3px;
		width: 10px;
		height: 10px;
		transform: translateY(-50%);
		padding-left:10px;
	}
	.solutions-container.swiper-button-prev{
		position: absolute;
		top: 45%;
		left:-5px;
		width: 10px;
		height: 10px;
		transform: translateY(-50%);
		margin-top: 0px;
	}

	.swiper-button-next:after, .swiper-button-prev:after {
		font-size: 21px;
		font-weight:bold;
	}
	
	.our-services.hero-v1 {
		margin-top: 44px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.our-services .heading{
		font-size: 21px;
		padding-top:30px
		color: #393327;
	}
	.our-services .slide .subheading{
		font-size: 18px;
		color: #393327;
	}

	.computer {
		position: relative;
		top: 0;
		left: 20%;
		right:0;
		width:450px;
	}
	.doctor{
		position: absolute;
		top:0;
		left:auto;
		right:50%;
		bottom:0;
		width:350px;
	}

	.testimonial {
		max-height: 630px;
	}

	.news-heading {
		font-size: 21px;
		padding-top: 50px;
	}

	.news-inner-box{	
		padding:10px;
		margin:20px 5px 20px 5px;
	} 
	

	.common-button{
		display: inline-block;
		padding: 5px 20px;
		font-size: 14px;
	}

	.common-button:hover{
		display: inline-block;
		padding: 5px 20px;
		font-size: 14px;
	}

	.demo-form-button{
		display: inline-block;
		padding: 5px 20px;
		font-size: 14px;
	}

	.demo-request-button{
		padding: 5px 20px;
		font-size: 14px;
	}

	/* -- Inner-Pages -- */
	.in-banner-bg {
		margin-top:80px;
		height:180px;
	}

	.in-banner-heading {
		font-size: 24px;
		font-weight: 600;
	}

	.in-banner-subheading {
		font-size: 18px;
	}

	.in-banner-bg img{
		width:100%;
		height:180px;
	}	

	.demo-data-box h3 {
		font-size: 18px;
		line-height:auto;
		font-weight:600;
	}

	.demo-data-box h4 {
		font-size: 16px;
		line-height:auto;
		font-weight:500;
	}

	.demo-data-box p {
		font-size: 14px;
		line-height: auto;
		font-weight:400;
	}

	.demo-form-box h3{
		font-size:24px;
		padding-top:10px;
		padding-bottom:0px;
	}

	.demo-form-button{
		display: inline-block;
		padding: 10px 20px;
		font-size: 16px;
		border: 2px solid #ff683c;
		background: #FFCD45;
		color: #3e3c3c;
		cursor: pointer;
		text-transform: capitalize;
		border-radius: 5px;
	}
	
	.footer {
	  background: #393327;
	  margin-top:0px;
	}
	.footer .box h3 {
		font-size: 28px;
		text-transform: capitalize;
		color: #FBF6E8;
		padding: 10px 0;
	}

	.footer .box p {
		font-size: 18px;
		line-height: 2;
		color: #fff;
		padding: 0px 0px;
	}

	.footer .box .share a {
		height: 40px;
		width: 40px;
		line-height: 40px;
		font-size: 16px;
		background-color: #FFCD45;
		color: #fff;
		margin-right: 5px;
		text-align: center;
		text-decoration: none;
		border-radius:30px;
	}

	.footer .box .share a:hover {
		background-color: #60553f;
		text-decoration: none
	}
	.right-side-border{border-right:0px dashed #cfcfcf}
}


@media (max-width: 450px) {
	.header {
		padding: 10px 0px;
	}

	#logo {
		width:40%;
	}
	
	#logo img{
		width:200px;
		padding-left:15px;
	}
	#logo1 i{
		padding-right:15px;
	}

	nav ul li a, nav ul li label {
		padding: 10px;
		color: #FFF;
		font-size: 14px;
		text-decoration: none;
		display:block;
	}
	.heading {
		font-size: 18px;
	}

	.home {
		padding: 55px 0px 0px 0px;
	}
	.home .slide .content h2 {
		font-size: 16px;
		text-transform: normal;
		color: #584b38;
		font-style: bold;
		line-height: 21px;
	}
	.home .slide .content h3 {
		font-size: 16px;
		color: #584b38 !important;
		padding: 5px 0px;
	}
	.home .slide .content p {
		font-size: 14px;
		line-height: auto;
		text-transform: normal;
		color: #584b38;
		padding: 10px 0;
		font-style: normal;
		max-width: 600px;
	}
	.solutions-container span .box {
		padding: 15px 0px;
		margin:0px;
	}
	.swiper-wrap {
		padding: 0px 40px;
	}
	.solutions-container.swiper-button-next {
		top: 50%;
		right: 20px;
	}
	.solutions-container.swiper-button-prev {
		top: 50%;
		left: 15px;
	}
	.about .content .about-title {
		font-size: 18px;
	}
	.testimonial {
		max-height: 930px;
	}
	.in-banner-bg {
		margin-top: 75px;
		height: 150px;
	}	

	.in-banner-heading {
		font-size: 14px;
	}
	.in-banner-subheading {
		font-size: 14px;
		line-height:18px;
	}
	.in-banner-bg img {
		width: 100%;
		height: 150px;
	}
	.demo-data-box h3 {
		font-size: 14px;
	}
	.demo-data-box h4 {
		font-size: 12px;
		text-align: justify;
	}
	.demo-data-box p {
		font-size: 12px;
	}
	.demo-form-box {
		background-color: #454545;
		-webkit-box-shadow: 0 10px 6px -6px #777;
		-moz-box-shadow: 0 10px 6px -6px #777;
		box-shadow: 0 10px 6px -6px #777;
		border-radius: 5px;
		padding: 5px 5px;
		color: #fff;
		margin:10px 0px;
	}
	.demo-form-box h3{
		font-size:21px;
		padding-top:5px;
	}
	.col-form-label {
		font-size: 16px !Important;
		line-height: 10px !Important;
	}
	.demo-form-button {
		padding: 5px 10px;
		font-size: 14px;
	}
	.footer .box h3 {
		font-size: 21px;
	}
	.footer .box p {
		font-size: 14px;
		line-height:2;
	}
	#jump-to-top-scroll {
		position: fixed;
		right: 5px;
		bottom: 5px;
		cursor: pointer;
		width: 25px;
		height: 25px;
		background-color: #ffd147;
		text-indent: -9999px;
		display: none;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		z-index: 1111;
	}
	
	.modal-body h1 {  
		font-size:18px;
		line-height:21px;
	}

	.modal-body p {  
		font-size:16px;
		line-height:21px;
	}
	  
	.modal-body a.pre-order-btn { 
		font-size:14px;
	}
	.right-side-border{border-right:0px dashed #cfcfcf}
}

@media (max-width: 320px) {
	.header {
		padding: 10px 0px;
	}

	#logo {
		width:40%;
	}
	
	#logo img{
		width:200px;
		padding-left:15px;
	}
	#logo1 i{
		padding-right:15px;
	}

	nav ul li a, nav ul li label {
		padding: 10px;
		color: #FFF;
		font-size: 14px;
		text-decoration: none;
		display:block;
	}
	.heading {
		font-size: 18px;
	}

	.home {
		padding: 55px 0px 0px 0px;
	}
	.home .slide .content h2 {
		font-size: 16px;
		text-transform: normal;
		color: #584b38;
		font-style: bold;
		line-height: 21px;
	}
	.home .slide .content h3 {
		font-size: 16px;
		color: #584b38 !important;
		padding: 5px 0px;
	}
	.home .slide .content p {
		font-size: 14px;
		line-height: auto;
		text-transform: normal;
		color: #584b38;
		padding: 10px 0;
		font-style: normal;
		max-width: 600px;
	}
	.solutions-container span .box {
		padding: 15px 0px;
		margin:0px;
	}
	.swiper-wrap {
		padding: 0px 40px;
	}
	.solutions-container.swiper-button-next {
		top: 50%;
		right: 20px;
	}
	.solutions-container.swiper-button-prev {
		top: 50%;
		left: 15px;
	}
	.about .content .about-title {
		font-size: 18px;
	}
	.testimonial {
		max-height: 930px;
	}
	.in-banner-bg {
		margin-top: 75px;
		height: 150px;
	}	

	.in-banner-heading {
		font-size: 14px;
	}
	.in-banner-subheading {
		font-size: 14px;
		line-height:18px;
	}
	.in-banner-bg img {
		width: 100%;
		height: 150px;
	}
	.demo-data-box h3 {
		font-size: 14px;
	}
	.demo-data-box h4 {
		font-size: 12px;
		text-align: justify;
	}
	.demo-data-box p {
		font-size: 12px;
	}
	.demo-form-box {
		background-color: #454545;
		-webkit-box-shadow: 0 10px 6px -6px #777;
		-moz-box-shadow: 0 10px 6px -6px #777;
		box-shadow: 0 10px 6px -6px #777;
		border-radius: 5px;
		padding: 5px 5px;
		color: #fff;
		margin:10px 0px;
	}
	.demo-form-box h3{
		font-size:21px;
		padding-top:5px;
	}
	.col-form-label {
		font-size: 16px !Important;
		line-height: 10px !Important;
	}
	.demo-form-button {
		padding: 5px 10px;
		font-size: 14px;
	}
	.footer .box h3 {
		font-size: 21px;
	}
	.footer .box p {
		font-size: 14px;
		line-height:2;
	}
	#jump-to-top-scroll {
		position: fixed;
		right: 5px;
		bottom: 5px;
		cursor: pointer;
		width: 25px;
		height: 25px;
		background-color: #ffd147;
		text-indent: -9999px;
		display: none;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		z-index: 1111;
	}
	
	.modal-body h1 {  
		font-size:18px;
		line-height:21px;
	}

	.modal-body p {  
		font-size:16px;
		line-height:21px;
	}
	  
	.modal-body a.pre-order-btn { 
		font-size:14px;
	}
	.right-side-border{border-right:0px dashed #cfcfcf}
}

.fade-in {
  animation: fadeIn ease 5s;
  -webkit-animation: fadeIn ease 5s;
  -moz-animation: fadeIn ease 5s;
  -o-animation: fadeIn ease 5s;
  -ms-animation: fadeIn ease 5s;
}


@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

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

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}