@media (min-width: 768px) and (max-width: 991px) {
	.mt-sm-30 {padding-top: 30px;}
	.float-none-sm {float: none !important;}
	.float-left-sm {float: left !important;}
	.float-right-sm {float: right !important;}
	.pl-sm-0 {padding-left: 0 !important;}
	.plr-xs-15 {
		padding-right: 15px;
		padding-left: 15px;
	}
	.mb-sm-30 {margin-bottom: 30px;}
	.padding-sm-25 {padding: 25px;}
	.width-25per {width: 30%;}
	.width-75per {width: 70%;}
	.navigation {margin-left: 0;}
	.navigation > ul > li > a {padding: 38px 13px;}
	.navigation .sub-nav {left: -27px;}
	.header-1 .nav-wrap:after {margin-left: -167px;}
	.header-1 .nav-wrap:before {left: -166px;}
	.header-1 .navigation li:hover .sub-nav {top: 77%;}
	.call-us ul li a{font-size: 16px;}
	.header-2 .navigation > ul > li > a {padding: 18px 23px;}
	.header-1 .navigation > ul > li > a {padding: 30px 10px;}
	.header.header-2 .navigation > ul > li > a {padding: 18px 10px;}
	.navigation .btn-text{
		padding: 0 10px;
		min-width:160px;
	}
	.top-contact  .welcome-text{font-size: 11px;}
	.project-info {width: 100%;}
	.project-info {position: static;}
	.project-info li {
		float: left;
		width: 50%;
	}
	.project-gallery {margin-left: -20px;}
	.project-gallery li {
		float: left;
		width: 25%;
		padding-right: 0;
		padding-left: 20px;
		margin-bottom: 0;
	}
	.project-col-3 li.width-2 {width: 50%;}
	.header-2 .navigation > ul {margin-top: 0;}
}

@media (max-width: 767px) {
	.text-xs-left {text-align: left;}
	.pr-xs-0 {padding-right: 0;}
	.pl-xs-0 {padding-left: 0;}
	.pr-xs-0 {padding-right: 0;}
	.plr-xs-15 {
		padding-right: 15px;
		padding-left: 15px;
	}
	.padding-sm-25 {padding: 25px;}
	.pb-xs-30 {padding-bottom: 30px;}
	.pt-xs-60 {padding-top: 25px;}
	.ptb-xs-40 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.pt-xs-40 {padding-top: 40px;}
	.pb-xs-40 {padding-bottom: 40px;}
	.pb-xs-60 {padding-bottom: 60px;}
	.ptb-xs-60 {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.ml-xs-0 {margin-left: 0;}
	.mtb-xs-0 {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.mt-xs-0 {margin-top: 0px;}
	.mb-xs-0 {margin-bottom: 0px;}
	.mtb-xs-15 {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.mt-xs-15 {margin-top: 15px;}
	.mb-xs-15 {margin-bottom: 15px;}
	.mtb-xs-30 {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.mt-xs-30 {margin-top: 30px;}
	.mb-xs-30 {margin-bottom: 30px;}
	.float-none-xs {float: none !important;}
	.float-left-xs {float: left !important;}
	.float-right-xs {float: right !important;}
	.width-25per {width: 100%;}
	.width-75per {width: 100%;}
	.half-width {width: 100%;}
	.img-responsive {width: 100%;}
	.box-shadow, .box-shadow-l {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.container {
		margin: 0 auto;
		max-width: 480px;
		width: 100%;
	}
	.header ul, .header ul li {float: none !important;}
	.top-social-icon {text-align: center;}
	.top-social-icon ul li {
		display: inline-block;
		margin: 0 4px !important;
	}
	.top-social-icon ul li:last-child, .top-social-icon ul li:last-child a {
		width: 100%;
		margin: 0;
	}
	.story-content, .video-frame {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		float: none !important;
	}
	.logo a {padding: 29px 0px !important;}
	.header-1 .logo a {padding: 26px 0 20px !important;}
	.navigation {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 99;
		background: #314555;
	}
	.header-1 .navigation {top: 1px;}
	.navigation ul li {border-bottom: 1px solid #fff;}
	.header-2 .navigation > ul > li {border-left: none;}
	.navigation > ul > li > a, .header-2 .navigation > ul > li > a, .navigation > ul > li:last-child a, .header-1 .navigation > ul > li > a {
		padding: 10px 15px;
		color: #fff;
	}
	.header-2 .primary-header {
		border-bottom: 1px solid #fff;
		background: none;
	}
	.navigation .sub-nav, .navigation li.sub-menu .sub-nav, .navigation li.sub-menu:hover .sub-nav {
		position: static;
		opacity: 1;
		visibility: visible;
		width: 100%;
		border-top: none;
		transition: inherit;
		-webkit-transition: inherit;
		padding: 0;
	}
	.navigation ul li i {
		color: #fff;
		font-size: 25px;
		position: absolute;
		right: 15px;
		top: 9px;
		cursor: pointer;
		pointer-events: none;
	}
	.navigation ul li ul {/*display: none;*/}
	.navigation .on > .ion-ios-plus-empty:before {
		content: '\f462';
		font-family: "Ionicons";
	}
	.nf-col-padding {
		padding-left: 15px;
		padding-right: 15px;
	}
	#about-section{padding-bottom: 0px; padding-top: 15px;}
	#about-section .message_text{
		margin-top: 0!important;
		float: none!important;
		width: 100%!important;
		height: 345px!important;
	}
	#about-section .chairman-img{
		margin-bottom: 0;
		text-align: center;
	}
	#project-section{padding-top: 0;}
	#blog-section{padding-bottom: 20px;}
	.footer .footer-info{margin-bottom: 20px;}
	.footer .part{margin-left: 0!important;}
	.footer .mob-footer{display: none;}
	.footer h5:after {margin-bottom: 18px;}
	.footer-info .col-xs-12 {min-height: 0!important;}
	.call-us ul li a {
		font-size: 24px;
	}
	.col-right .opening ul::after, .col-right {display: none;}
	.header-style .logo {padding-bottom: 56px;}
	.header-style .navigation {top: 163px;}
	.header-2 .navigation > ul, .top-social-icon {
		float: none !important;
		margin: 0;
	}
	.header-2 .top-social-icon ul li:last-child, .header-2 .top-social-icon ul li:last-child a {width: auto;}
	.header-2 .top-social-icon {padding-bottom: 0;}
	.header-2 .appointment-button {
		display: block;
		margin: 10px auto;
		width: 200px;
	}
	.header-2 .navigation {top: 3px;}
	.header-2.header-style .navigation {top: 148px;}
	.header-1 .nav-wrap:before, .header-1 .nav-wrap:after {display: none;}
	.contact-form{padding-top: 0;}
	.nf-carousel-theme .owl-controls .owl-nav{display: none;}
	.main-banner .banner-text h2{text-align: center;}
	#services-section .about-wrap{margin-left: 0;}
	#vid_frame{height: 300px;}
	.module_gallery li, .module_galleryImages li{width: 100%;}
}

@media (min-width: 992px) {
	.header-1 .logo a {padding: 18px 0 20px;}
}

@media only screen and (min-width: 768px) {
	.navigation .sub-nav  li:hover {background: #263642;}
	.header-2 .navigation > ul > li:hover {background: #2a3b48;}
}

@media only screen and (min-width: 767px) {
	#header.fix .nav-wrap, #header.fix .primary-header, .header-style.fix-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999999;
	}
	#header.fix .nav-wrap, .header-style.fix-header {background: #fff;}
	.p-top {padding-top: 157px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.header-2 .navigation > ul > li > a {
		padding-left: 28px;
		padding-right: 28px;
	}
	.header.header-2 .navigation > ul > li > a {
	    padding-left: 28px;
	    padding-right: 25px;
	}
}

@media (max-width: 480px) {
	.main-banner .banner-text h2 {
		font-size: 18px !important;
	}
	.main-banner .banner-text p {
		line-height: 1.2 !important;
		font-size: 15px !important;
	}
	h1 {font-size: 36px;}
	.isotope .item, .gallery-col-3.isotope .item, .gallery-col-2.isotope .item {width: 100%;}
}

@media (max-width: 580px) {
	.top-social-icon .mailing-icon{
		font-size: 10px;
	}
}
@media (max-width: 767px) {
	.inner-intro {
		height: 220px;
	}
	.overlay-before:before {
		width: 100%;
		transform: rotate(23deg);
		-webkit-transform: rotate(23deg);
		transform: rotate(0);
		-webkit-transform: rotate(0);
		transform-origin: 100% 0;
		-webkit- transform-origin: 100% 0;
		opacity: 0.9;
	}
	.ui-timeline .tl-item .tl-caption {margin-left: -39px;}
	.ui-timeline .tl-item .tl-body .tl-icon {left: -48px;}
	.post-author .post-author-details {
		padding-left: 0;
		padding-top:25px;
	}
	.inner-intro .container {
		width: 100%;
		max-width: 720px;
		text-align: center;
	}
	.project-col-3 li {width: 100%;}
	.project-info {width: 100%;}
	.project-info {position: static;}
	.project-info li {float: none;}
	.project-col-3 li.width-2 {width: 100%;}
	.project-gallery li {margin-bottom: 0;}
	.isotope .item, .gallery-col-3.isotope .item {width: 50%;}
}

@media only screen and (max-width: 767px) {
	.logo-group li {width: 50%!important;}
}

@media only screen and (max-width: 500px) {
	.logo-group li {width: 100%;}
}

@media (min-width: 768px) {
	.ui-timline-left .ui-timeline .tl-item:before {display: none}
	.ui-timline-left .ui-timeline .tl-item .tl-caption {margin-left: -55px}
	.ui-timline-left .ui-timeline .tl-item .tl-body .tl-time {
		left: auto;
		right: 15px;
		color: #777
	}
	.ui-timeline:before {left: 50%}
	.ui-timeline .tl-item:before {
		display: block;
		width: 50%
	} 
	.ui-timeline .tl-item .tl-caption {margin-left: -110px}
	.ui-timeline .tl-item.alt {text-align: right}
	.ui-timeline .tl-item.alt:before {display: none}
	.ui-timeline .tl-item.alt:after {
		content: "";
		display: block;
		width: 50%
	}
	.ui-timeline .tl-item.alt .tl-body .tl-entry {margin: 0 35px 15px 0}
	.ui-timeline .tl-item.alt .tl-body .tl-time {
		right: -220px;
		left: auto;
		text-align: left
	}
	.ui-timeline .tl-item.alt .tl-body .tl-icon {
		right: -53px;
		left: auto
	}
	.ui-timeline .tl-item.alt .tl-body .tl-content:after {
		right: -16px;
		left: auto;
		border: 8px solid transparent;
		border-left: 8px solid rgba(255, 255, 255, 0.9);
		border-top: 8px solid rgba(255, 255, 255, 0.9)
	}
	.ui-timeline .tl-item .tl-body .tl-time {
		left: -220px;
		right: auto;
		color: #3D4051
	}
	.ui-timeline:before {left: 50%}
	.ui-timeline .tl-item:before {
		display: block;
		width: 50%
	}
}

@media (max-width: 991px) {
	.project-col-3 li {width: 50%;}
	.project-info-box {padding-left: 26px;}
	.project-info-box strong {min-width: 100px;}
	.isotope .item {width: 33.33%;}
}