@media screen and ( max-width:1199px) {
	/* 992 to 1199 */
.navbar .navbar-nav li a { margin: 0 5px; padding: 10px; }
.navbar .navbar-nav li a::before { left: 10px; }
.footer-top ul li a { margin: 0 10px; }


.products .mid-content h2 { font-size: 20px; }

}

@media screen and ( max-width:991px) {
header { text-align: center; }	
header .logo { float: none; margin-bottom: 30px; }
.navbar { float: none; } 
.navbar-nav{ display: inline-block; float: none; }
.footer-top ul li a { font-size: 18px; margin: 0 5px; padding: 0 10px; }

.blog-right { margin-top: 40px; }
.blog-right .margin-bottom:last-child { margin-bottom: 0; }

.industries .industries-content { margin-top: 30px; }

}

@media screen and ( min-width:768px ) {

	body {
		right:0px!important;
		width:100%!important;
	}

	#sidr,
	.sidr {
		display:block!important;
	}

	/*  --- sub-menu  -- */

	/*li.dropdown ul.dropdown-menu {
		display: block;
		left: 0;
		margin: 0 auto;
		right: 0;
		top: 40px;
		opacity: 0;
		padding: 0;
		background: none; 
		text-align: center;	
		transform: scale(0.8);
		transition: all 0.4s ease 0s;
		visibility: hidden;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

li.dropdown:hover ul.dropdown-menu, 
	li.dropdown.open ul.dropdown-menu {
		display: block;
		opacity: 1;
		transform: scale(1);
		transition: all 0.4s ease 0s;
		visibility: visible;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}*/


}

@media screen and ( max-width:767px) {

	.sidr {
		display: block;
		position: fixed;
		top: 0;
		height: 100%;
		z-index: 98;
		width: 260px;
		overflow-y: auto;
		font-size: 15px;
		background-color: rgba(250,250,250,0.5);
		border: 1px solid #868993;
		color: #333;
	}

	.sidr.right {
		left: auto;
		right: -260px
	}	

	.navbar-nav {
		margin: 0;
	}

/* mobile nav open-close toggle styles */

	.navicon-button {
		display: inline-block;
		position: relative;
		padding: 16px 7px;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-ms-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
		cursor: pointer;
		opacity: 0.99;
	}

	.navicon-button .navicon:before,
	.navicon-button .navicon:after {
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-ms-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
	}

	.navicon-button:hover .navicon:before,
	.navicon-button:hover .navicon:after {
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-ms-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
	}
	
	.navicon-button:hover .navicon:before {
		top: 7px;
	}

	.navicon-button:hover .navicon:after {
		top: -7px;
	}

	.navicon {
		position: relative;
		width: 25px;
		height: 3px;
		background: #fff;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		border-radius: 2.5rem;
		display:block;
	}

	.navicon:before,
	.navicon:after {

		display: block;
		content: "";
		height: 3px;
		width: 25px;
		background: #fff;
		position: absolute;
		z-index: -1;
		transition: 0.5s 0.25s;
		border-radius: 1rem;
	}
	
	.navicon:before {
	 top: .625rem;
	}

	.navicon:after {
	 top: -.6rem;
	}

	.navbar-open:not(.steps) .navicon:before,
	.navbar-open:not(.steps) .navicon:after {
	 top: 0 !important;
	}

/* × and + */

	.navbar-open .navicon {
		background: transparent;
	}
	
	.navbar-open .navicon:before {

		-webkit-transform: rotate(-45deg); 
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		height:4px;
	}

	.navbar-open .navicon:after {

		-webkit-transform: rotate(45deg); 
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		height:4px;
	}

	.section { padding: 40px 0; }
	footer .footer-top { padding: 30px 0; }
/*	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu li a { padding: 5px 15px; }*/
	header { text-align: left; }
	header .logo { float: none; margin-bottom: 0; }
	.navbar { float: none; position: absolute; right: 0; top: 15px; }
	.navbar .navbar-toggle { background-color: #2caf3e; }
	.navbar .navbar-nav { width: 100%; }
	.navbar .navbar-nav li { width: 100%; text-align: center; border-bottom: 1px solid #3e2c2c; }
	.navbar .navbar-nav li:last-child { border-bottom: 0; }
	.navbar .navbar-nav li a { margin: 0; color: #000; display: block; }
	.navbar .navbar-nav li a:hover { color: rgb(76,157,87); }
	.navbar .navbar-nav li a:hover:before,
	.navbar .navbar-nav li.active a:before { width: 0; }

	.banner .item { min-height: 550px; }
	.banner .banner-content { margin: 0 15px; left: 0; opacity: 1; }
	.footer-top ul li a { margin: 0 5px; padding: 0 5px; font-size: 14px; }

	.middle-block .mid-content { margin-bottom: 30px; }
	.middle-block .mid-content h2 { padding-bottom: 0; }
	.middle-block .medical { margin-top: 0; }
	.middle-block .medical h3 { font-size: 20px; line-height: 30px; padding-bottom: 10px; }

}

@media screen and ( max-width:599px) {
.banner .item { min-height: 450px; }
.banner .banner-content h1 { padding: 15px; }
footer .footer-top { padding: 30px 0 25px; }
.footer-top ul li a { padding: 0 5px 5px; }

.inner-banner .banner-content h1 { font-size: 46px; }

.blog-page { margin-bottom: 40px; }
.blog-right .margin-bottom { margin-bottom: 30px; }
.blog-page .blog-content ul li { font-size: 13px; }

}

@media screen and ( max-width:479px) {
.xs-full { width: 100%; }
.logo img { max-width: 250px; }
.navbar { margin-top: 5px; }
.banner .owl-carousel .owl-dots { bottom: 20px; }
.banner .banner-content h1 { font-size: 28px; line-height: 36px; }
.banner .banner-content p { font-size: 14px; }
.middle-block .mid-content h2 { font-size: 26px; }
.main-heading { font-size: 38px; }

.inner-content h2 { font-size: 36px; }

.blog-page .blog-content h4 { font-size: 20px; }
.blog-page .blog-content { margin: -44px 10px 0; }
.blog-page .blog-content { padding: 30px 15px; }
.blog-page .blog-content ul li:after { font-size: 0; }
.blog-page .blog-content ul li { float: none; padding: 5px 0; }

.industries .industries-content h4 { font-size: 20px; }

}

@media screen and ( max-width:374px) {
.space { padding: 0 15px; }	
.logo img { max-width: 200px; }
.navbar { margin-top: 0; }
.banner .banner-content h1 { font-size: 30px; line-height: 40px; }
.banner .banner-content h1 { font-size: 22px; line-height: 30px; }

.main-heading { font-size: 32px; }

.inner-content h2 { font-size: 32px; }
.btn.green-border { font-size: 16px; padding: 8px 20px; }

.tags li { margin-bottom: 8px; margin-right: 8px; }
.tags li a { font-size: 14px; padding: 5px 25px; }

.share { text-align: center; }
.share h4 { float: none; }
.share ul.social-icons { float: none; margin: 10px auto 0; }
.share ul.social-icons li { display: inline; float: none; }

.blog-details h2 { font-size: 30px; }

}