/*

+++++++++++++++++++++++++++++++++++++++++++++++++++++++

Project       : Optra - Business and Corporate Template

Last Modified : 31/12/2018;

+++++++++++++++++++++++++++++++++++++++++++++++++++++++

				  Table Of Contents

+++++++++++++++++++++++++++++++++++++++++++++++++++++++

1. Media Queries 

*/

@media screen and (min-width:1400px) {
	
	.testimonial-item img.testimonial-image {
		width:100px;
		height:auto;

	}
	

}

@media screen and (max-width:1360px) {
	.gallery-item {
		width:50%;
	}
}

@media screen and (max-width: 1220px) and (min-width: 991px) {

	nav ul li a {

		font-size: 12px;

		padding: 0px 10px;

	}

}

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

	.splash-image {

		padding: 0;

	}

	.splash-content h2 {

		font-size: 35px;

	}

	.splash-content p {

		font-size: 15px;

	}

	.team-member-info h3 {

		font-size: 17px;

	}

	.team-member-info {

		padding: 17px 10px;

	}

	.testimonial-item {

		left: 0;

		width: 100%;

		transform: translateX(0);

	}

	.testimonial-item img.testimonial-image {

		margin-bottom: 20px;

	}

	.testimonial-item p {

		text-align: center;

	}

	.owl-theme .owl-dots {

		bottom: 20px;

	}

	.testimonial-item {

		padding: 70px 25px;

	}

	#pricing-plans .container .row .col-md-12:last-child .price-plan {

		margin-bottom: 0;

	}

	.form-field-holder button {

		margin-bottom: 50px;

	}

	.blog-meta {

		width: 90%;

	}

}

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

	.splash-content h2 {

		margin-top: 0;

		line-height: 1.5em;

	}

	.testimonial-item img.testimonial-image {
		top: 0;
		transform: translateX(-50%) translateY(0%);
	}

	.feature-item p {
		width:36em;
		max-width:100%;
		margin:0 auto;
		margin-bottom:1rem;
	}
	.team-members-holder .row .col-lg-6:nth-last-child(-n+2) .team-member {
		margin-bottom:30px;
	}
	.team-members-holder .row .col-lg-6:last-child .team-member {
		margin-bottom:0px;
	}
	.splash-content p {
		text-align:left;
	}

	.splash-image {

		margin-top: 30px;

	}

	.search-widget {

		margin-top: 30px;

	}

	.sub-splash .splash-image {

		margin-top: 0;

		margin-bottom: 50px;

	}

	.section-heading p {

		padding: 0px 0px;

	}

	.feature-item {

		margin-bottom: 50px;

	}

	#features .container .row .col-md-12:last-child .feature-item {

		margin-bottom: 0;

	}

	#services .container .row .col-lg-4:nth-last-child(-n+3) .service-item {

		margin-bottom: 30px;

	}

	#services .container .row .col-lg-4:last-child .service-item {

		margin-bottom: 0;

	}

	.service-item p {

		line-height: 1.8;

	}

	.portfolio-item {

		width: 50%;

	}

	.team-left-side {

		padding-bottom: 50px;

	}

	.team-profile-holder {

		height: auto;

	}

	.team-profile-holder img {

		width: 100%;

		height: auto;

		left: 0;

	}

	.team-members-holder .row .col-lg-6:last-child .team-member {

		margin-bottom: 0px;

	}

	.team-left-side p {

		line-height: 1.8;

	}

	.statistic-item {

		margin-bottom: 30px;

	}

	#statistics .container .row .col-lg-3:nth-last-child(-n+3) .statistic-item {

		margin-bottom: 0px;

	}

	.blog-thubmnail-container {

		height: auto;

	}

	.blog-thubmnail-container img {

		width: 100%;

		height: auto;

	}

	.blog-meta {

		width: 80%;

	}

	.blog-item-holder {

		margin-bottom: 50px;

	}

	#blog .container .row .col-md-12:last-child .blog-item-holder {

		margin-bottom: 0;

	}

	.pre-footer-sec-holder {

		margin-bottom: 50px;

	}

	.gallery-item img {

		width: 100%;

		height: auto

	}

	#pre-footer .container .row .col-lg-3:nth-last-child(-n+2) .pre-footer-sec-holder {

		margin-bottom: 0px;

	}

	.blog-grid .container .row .col-md-12:nth-last-child(-n+3) .blog-item-holder {

		margin-bottom: 30px;

	}

	.blog-grid .container .row .col-md-12:last-child .blog-item-holder {

		margin-bottom: 0px;

	}		

}

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

	.section-heading ul li {

		font-size: 16px;

		line-height: 1.8;

		margin-right: 20px;

	}

	.feature-item p {
		width:100%;
		max-width:100%;
	}

	.statistic-item h6 {
		font-size: 35px;
	}

	.statistic-item h5 {
		font-size:16px;
	}

	.section-heading p {
		width:100%;
	}

	.statistic-item i {
		font-size:28px;
	}

	.team-left-side h3 span {
		display:inline-block
	}

	.team-profile-holder span i {

		font-size: 17px;

	}

	.portfolio-item {

		width: 100%;

	}

	.portfolio-item img.portfolio-image {

		height: auto;

	}

	#statistics .container .row .col-lg-3:nth-last-child(-n+3) .statistic-item {

		margin-bottom: 30px;

	}

	#statistics .container .row .col-lg-3:last-child .statistic-item {

		margin-bottom: 0

	}	

	.blog-meta span {

		margin-right: 5px;

	}

	.gallery-item {

		height: 125px;

	}

	.gallery-item img {

		height: 100%;

		width: 100%;

	}

	#pre-footer .container .row .col-lg-3:nth-last-child(-n+2) .pre-footer-sec-holder {

		margin-bottom: 50px;

	}

	#pre-footer .container .row .col-lg-3:last-child .pre-footer-sec-holder {

		margin-bottom: 0px;

	}

	.footer-rights {

		width: 100%;

		text-align: center;

		float: none;

		margin-bottom: 30px;

	}		

	.footer-nav li {

		float: none;

		display: inline-block;

	}

	.footer-nav {

		width: 100%;

		text-align: center;

	}

}

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

	.section-heading p {

		padding: 0px 0px;

	}

	.section-heading h3 {

		font-size: 28px;

		padding: 0px 10px;

	}

	.section-heading p {

		font-size: 15px;

		line-height: 1.8;

	}

	.comment-item, .sub-comment {

		display: block;

	}

	.sub-comment {

		padding-right: 0;

		padding-left: 30px

	}

	.comment-info {

		width: 100%;

		padding-left: 0;

		padding-top: 20px;

	}

}

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

	.splash-content h2 {

		font-size: 27px;

	}

	.contact-us-holder {
		padding:100px 10px;
	} 

	.splash-content p {

		line-height: 1.8;

	}

}

@media screen and (max-width:430px) {
	
	.share-bar a span {

		display: block;

		margin-left: 0;

		margin-top: 10px

	}

	.share-bar a span:first-child {

		margin-left: 0;

	}

}

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

	.comment-info p.comment-date span {

		display: block;

		margin-left: 0;

		margin-top: 4px

	}

	.form-field-holder button {
		padding:13px 30px;
		font-size:14px;
	}

	.contact-info-holder ul li {
		display:block
	}

	.contact-info-holder ul li i {
		display:block;
		text-align:left;
		margin:0;
		border:none;
		min-width:auto;
		min-height:auto;
		margin-bottom:3px;
	}

	.blog-info p {
		padding:0 20px;
	}

	.comment-info h4 {

		font-size: 18px;

	}


}
@media screen and (max-width:357px) {
	.section-heading h3 {
		line-height:1.5em
	}
}