/* ==========================================================================
   Media Queries
   ========================================================================== */


   @media only screen and (max-width:1200px) {
	.doc-img{
		top: -3%;
	}
   }

   @media (max-width: 991px){
		.bt-bg{
			max-height: unset;
			padding: 50px 0;
		}
	} 

   @media (max-width: 860px){

	   .banner .slider-text h3{
		   font-size: 50px;
		   line-height: 60px;
	   }
	   
   } 
   @media (max-width: 768px){
	   .pro-cat {
		   background-size: 100%;
		   height: 82px;
		   padding: 15px 0;
	   }
	   .inner_btext h2 {
		   font-size: 25px;
	   }
   }
   @media (max-width: 640px){
	.banner .slider-text h3{
		font-size: 35px;
		line-height: 40px;
	}
   }
   @media (max-width: 480px){
	   .banner{
		   background:#fff;
	   }
	   .banner .slider-text p {
		   width: 100%;
		   color: #000;
		   font-size: 14px;
		   line-height: 23px;
		   margin: 0 auto;
	   }

	   .banner .slider-text h3 {
		   font-size: 28px;
		   line-height: 40px;
		   color: #000;
		   margin-bottom: 10px;
	   }

	   .banner .slider-text {
		   position: absolute;
		   bottom: 30%;
		   left: 0;
		   width: 100%;
		   text-align: center;
		   margin: 0 auto;
	   }

	   .banner video {
		   max-width: 100%;
		   top: 100px;
		   opacity: 1;
	   }

	   
	.navbar-brand{
		width: 100px;
	}
	.banner .slider-text p{
		width: 100%;
	}
   }
   @media (max-width: 360px){

	.banner .slider-text h3{
		font-size: 28px;
		line-height: 35px;
	}
   }
   @media (max-width: 320px){

   }


@media screen and (min-width: 992px) {
	.navbar {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.navbar .nav-item {
		padding: 22px 10px;
		margin: 0;
	}
	.navbar .dropdown-menu .nav-item {
		padding: 10px 0;
	}

	.navbar .dropdown {
		position: relative;
	}

	.navbar .dropdown-menu {
		width: 100%;
		left: 0;
		right: 0;
		top: 55px;
		border-radius: 0;
		display: block;
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s, opacity 0.3s linear;

	}

	.navbar .dropdown:hover .dropdown-menu,
	.navbar .dropdown .dropdown-menu:hover {
		display: block;
		visibility: visible;
		opacity: 1;
		transition: visibility 0s, opacity 0.3s linear;
	}

	.navbar .dropdown-menu {
		border: 0;
		background-color: #fff;
	}

}