/* Hi-res laptops and desktops */
@media (min-width: 1170px) and (max-width: 1600px) {
	.container{width:1140px}
	/* Portfolios */
	.picon {
		padding: 16px;
		font-size: 16px;
	}
	.pinfo {
		bottom: 0;
		left: 30px;
	}
	.pinfo h4 {
		font-size: 18px;
	}
	.portfolio-item:hover .pinfo .terms,
	.portfolio-item:hover .pinfo h4{
		top: -25px;
	}
}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
	.container{width:960px}	
	.intro-content {
		margin: 0 0px 40px 0;
	}
	/* Portfolios */
	.picon {
		padding: 15px;
		font-size: 16px;
	}
	.pinfo {
		bottom: 0;
		left: 25px;
	}
	.pinfo h4 {
		font-size: 16px;
	}
	.portfolio-item:hover .pinfo .terms,
	.portfolio-item:hover .pinfo h4{
		top: -20px;
	}
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.container{width:740px}	
	.pt115-pb65 {
		padding: 80px 0 40px;
	}
	.ptb-80 {
		padding: 65px 0;
	}
	/* Header */
	.site-branding {
		max-width: 100px;
		top: 0;
		z-index: 9;
	}
	.secondary-nav ul li a {
		padding: 3px 5px;
		font-size: 14px;
	}
	.search-icon {
		top: 30px;
		right: 80px;
	}
	.has-search-icon .mean-container a.meanmenu-reveal {
		margin-right: 0;
	}
	/* Slider */
	.single-slide {
		min-height: 470px;
	}
	.slide-content h4 {
		font-size: 28px;
	}
	.slide-content h2 {
		font-size: 36px;
	}
	.slide-content .btn-lg {
		font-size: 14px;
		padding: 12px 20px;
	}
	.slide-controls .owl-nav button i {
		border-radius: 3px;
		height: 48px;
		line-height: 46px;
		width: 32px;
	}
	#hero-slider.carousel-ctls .owl-nav > button {
		height: 48px;
		width: 48px;
	}
	#hero-slider.carousel-ctls .owl-nav span {
		line-height: 50px;
	}
	#hero-slider.carousel-ctls .owl-nav > button.owl-prev {
		left: 10px;
	}
	#hero-slider.carousel-ctls .owl-nav > button.owl-next {
		right: 10px;
	}
	/* Banner */
	.page-banner {
		min-height: 260px;
	}
	.page-banner h3 {
		font-size: 26px;
	}
	.page-banner h1 {
		font-size: 30px;
	}
	.page-banner p {
		font-size: 14px;
	}
	/* Intro Area */
	.intro-content {
		margin: 0 0 40px 0;
		padding-bottom: 25px;
	}
	.intro-items {
		margin-top: 0;
		border-top: 1px solid #ddd;
		padding-top: 60px;
	}
	/* Testimonials */
	.tistimonial {
		padding: 30px 20px 10px;
	}
	.client-face {
		width: 70px;
		height: 70px;
		margin-bottom: 15px;
	}
	.quote-area.has-face {
		padding-left: 105px;
	}
	/* Portfolios */
	.picon {
		padding: 12px;
		font-size: 16px;
	}
	.pinfo {
		bottom: 0;
		left: 20px;
	}
	.pinfo h4 {
		font-size: 16px;
	}
	.portfolio-item:hover .pinfo .terms,
	.portfolio-item:hover .pinfo h4{
		top: -15px;
	}
	/* Slogan */
	.slogan h2 {
		font-size: 28px;
	}
	/* Tab */
	.biztab-nav .nav-link {
		padding: 15px;
		font-size: 18px;
	}
	.biztab-nav .nav-link.active::after {
		font-size: 14px;
		padding-top: 2px;
	}
	.biztab-content {
		border: 1px solid #fff;
		padding: 20px 20px;
	}
	/* Footer */
	.footer-widgets {
		padding: 70px 0 0px;
	}
}

/* small mobile :320px. */
@media (max-width: 767px) {
	h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 20px;
	}
	h5 {
		font-size: 18px;
	}
	h6 {
		font-size: 14px;
	}
	.btn-lg {
		font-size: 15px;
		padding: 12px 18px;
	}
	.ptb-80 {
		padding: 55px 0 60px;
	}
	.pt115-pb65 {
		padding: 55px 0 30px;
	}
	.ptb-110 {
		padding: 60px 0;
	}
	/* Header */
	.top-header {
		background-color: #07364a;
	}
	.secondary-nav {
		display: none;
	}
	.top-header-inner {
		max-width: 100%;
	}
	.site-branding {
		max-width: 76px;
		top: 0;
		z-index: 9;
	}
	.site-branding img {
		max-width: 100%;
	}
	/* Search Modal */
	.search-icon {
		top: 30px;
		right: 80px;
	}
	.has-search-icon .mean-container a.meanmenu-reveal {
		margin-right: 0;
	}
	.search-box {
		max-width: 86%;
	}
	.search-modal .search-form .search-field {
		font-size: 18px;
		height: 96px !important;
		margin: 0px 0 0 -10px;
		padding: 0 0 0 12px;
	}
	.search-cross svg {
		height: 18px;
		width: 18px;
	}
	button.search-cross {
		margin-right: -15px;
		padding: 0 15px;
	}
	.has-search-icon .header-cart {
		right: 50px;
	}
	/* Slider */
	.single-slide {
		min-height: 310px;
	}
	.slide-content p {
		display: none;
	}
	.slide-content h4 {
		font-size: 24px;
	}
	.slide-content h2 {
		font-size: 28px;
		margin-bottom: 20px;
	}
	.slide-content .btn-lg {
		font-size: 14px;
		padding: 10px 16px;
	}
	#hero-slider.carousel-ctls .owl-nav > button {
		height: 48px;
		width: 48px;
		background-color:rgba(255, 255, 255, 0);
	}
	#hero-slider.carousel-ctls .owl-nav span {
		line-height: 50px;
	}
	#hero-slider.carousel-ctls .owl-nav > button.owl-next {
		right: -5px;
	}
	#hero-slider.carousel-ctls .owl-nav > button.owl-prev {
		left: -5px;
	}
	#hero-slider.carousel-ctls .owl-dots {
		bottom: 12px;
	}
	/* Banner */
	.page-banner {
		min-height: 228px;
	}
	.page-banner h3 {
		font-size: 22px;
	}
	.page-banner h1 {
		font-size: 26px;
	}
	.page-banner p {
		font-size: 14px;
	}
	/* Intro Area */
	.intro-content {
		margin: 0 0 30px 0;
		padding-bottom: 15px;
	}
	.intro-content h3 {
		font-size: 26px;
		margin-bottom: 20px;
		line-height: 1.5;
	}
	.intro-items {
		margin-top: 0;
		padding-top: 30px;
	}
	.single-cat {
		min-height: 220px;
	}
	/* Our Products */
	.image-box {
		margin-bottom: 35px;
	}
	.img-des {
		padding-bottom: 25px;
	}
	.img-des p {
		padding: 5px 20px;
		margin-bottom: 15px;
	}
	.big-one .image-inner {
		min-height: auto;
		padding: 35px 20px 40px;
	}
	.image-inner h2 {
		font-size: 28px;
		line-height: 1.3;
		margin-bottom: 15px;
	}
	/* Our Slogan */
	.slogan h2 {
		font-size: 22px;
	}
	/* Section Title */
	.section-heading {
		margin: 0 auto 60px;
	}
	/* Why Choose Area */
	.why-area.pt115-pb65 {
		padding: 55px 0 10px;
	}
	/* Testimonials */
	.testimonials-area.pt115-pb65 {
		padding: 55px 0 35px;
	}
	.tistimonial {
		padding: 30px 20px 10px;
		margin-bottom: 30px;
	}
	.client-pic {
		position: relative;
	}
	.client-face {
		margin-bottom: 15px;
	}
	.quote-area.has-face {
		padding-left: 0;
	}
	.ratings {
		text-align: left;
	}
	/* Team */
	.team-area.ptb-110 {
		padding: 70px 0 40px;
	}
	/* Call to Action */
	.cta-area.ptb-80 {
		padding: 55px 0 65px;
	}
	.cta-wrap h4 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.cta-wrap p {
		margin-bottom: 35px;
	}
	.cta-area .btn-wrap {
		text-align: left !important;
	}
	/* Brand */
	.brands-area {
		padding: 60px 0;
	}
	/* Portfolios */
	.picon {
		padding: 12px;
		font-size: 15px;
	}
	.pinfo {
		bottom: 0px;
		left: 20px;
	}
	.pinfo h4 {
		font-size: 16px;
	}
	/* Blog */
	.post-detail .entry-header {
		padding-left: 0;
	}
	.post-detail .entry-header h4 {
		font-size: 24px;
		line-height: 1.3;
		margin-bottom: 20px;
	}
	.post-detail .entry-date {
		top: -48px;
		padding: 5px 10px;
	}
	.post-detail .entry-date {
		width: auto !important;
	}
	.post-detail .entry-date strong {
		display: inline;
		font-size: inherit;
	}
	.paging-navigation {
		margin-bottom: 55px;
		margin-top: 25px;
	}
	.comment-respond {
		padding: 15px;
		margin: 30px 0 65px;
	}
	/* Timeline */
	.tl-thumb {
		width: calc(100% - 30px);
	}
	.single-tl.post-odd .tl-thumb img {
		float: left;
	}
	.tl-post {
		width: calc(100% - 30px);
	}
	.single-tl.post-odd .tl-thumb, 
	.single-tl.post-even .tl-post {
		margin-right: 0;
		margin-left: 30px;
	}
	.single-tl.post-even .tl-post {
		text-align: left;
	}
	.single-tl::after {
		left: 8px;
	}
	h4.tl-title {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 20px;
	}
	.hexagon {
		left: -30px;
	}
	.post-even .hexagon {
		left: -30px;
		right: inherit;
	}
	.hexagon span {
		width: 18px;
		height: 10px;
	}
	.hexagon span::after {
		bottom: -6px;
		border-left: 9px solid transparent;
		border-right: 9px solid transparent;
		border-top: 6px solid #ea5151;
	}
	.hexagon span::before {
		top: -6px;
		border-left: 9px solid transparent;
		border-right: 9px solid transparent;
		border-bottom: 6px solid #ea5151;
	}
	/* Tab */
	.biztab-nav .nav-link {
		padding: 15px;
		font-size: 22px;
	}
	.biztab-nav .nav-link.active::after {
		font-size: 16px;
		padding-top: 4px;
	}
	.biztab-content {
		border: 1px solid #fff;
		padding: 20px 20px;
	}
	
	/* Contact Area */
	.contact-box {
		padding: 35px 20px;
		margin-bottom: 30px;
	}
	/* Footer Area */
	.footer-widgets {
		padding: 55px 0 5px;
	}
	/* Carousel Arrow */
	.carousel-ctls .owl-nav > button.owl-prev {
		left: 0px;
	}
	.carousel-ctls .owl-nav > button.owl-next {
		right: 0px;
	}
	.carousel-ctls .owl-nav.svg-nav > button.owl-prev {
		left: -20px;
	}
	.carousel-ctls .owl-nav.svg-nav > button.owl-next {
		right: -20px;
	}
	.back-to-top {
		bottom: 16px;
		font-size: 16px;
	}

}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* Header */
	.has-search-icon .mean-container a.meanmenu-reveal {
		margin-right: 0;
	}
	.search-box {
		max-width: 86%;
	}
	.search-modal .search-form .search-field {
		font-size: 18px;
		height: 96px !important;
		margin: 0px 0 0 -10px;
		padding: 0 0 0 12px;
	}
	.search-cross svg {
		height: 18px;
		width: 18px;
	}
	button.search-cross {
		margin-right: -15px;
		padding: 0 15px;
	}
	.top-header.style-2 .top-header-inner {
		max-width: 88%;
	}
	.has-search-icon .header-cart {
		right: 50px;
	}
	/* Banner */
	.page-banner {
		min-height: 240px;
	}
	.page-banner h3 {
		font-size: 22px;
	}
	.page-banner h1 {
		font-size: 26px;
	}
	.page-banner p {
		font-size: 14px;
	}
	/* Portfolios */
	.picon {
		padding: 16px;
		font-size: 16px;
	}
	.pinfo {
		bottom: 10px;
		left: 25px;
	}
	.pinfo h4 {
		font-size: 18px;
	}
	.big-one .image-inner {
		min-height: auto;
		padding: 35px 30px 50px;
	}
	.image-inner h2 {
		font-size: 32px;
		line-height: 1.3;
		margin-bottom: 20px;
	}
	/* Timeline */
	.tl-thumb {
		width: calc(100% - 30px);
	}
	.single-tl.post-odd .tl-thumb img {
		float: left;
	}
	.tl-post {
		width: calc(100% - 30px);
	}
	.post-detail .entry-header {
		padding-left: 110px;
		margin-bottom: 30px;
	}
	.single-tl.post-odd .tl-thumb, 
	.single-tl.post-even .tl-post {
		margin-right: 0;
		margin-left: 30px;
	}
	.single-tl.post-even .tl-post {
		text-align: left;
	}
	.single-tl::after {
		left: 8px;
	}
	h4.tl-title {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 20px;
	}
	/* Carousel Arrow */
	.carousel-ctls .owl-nav > button.owl-prev {
		left: -10px;
	}
	.carousel-ctls .owl-nav > button.owl-next {
		right: -10px;
	}
	.carousel-ctls .owl-nav.svg-nav > button.owl-prev {
		left: -15px;
	}
	.carousel-ctls .owl-nav.svg-nav > button.owl-next {
		right: -15px;
	}
}