<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*MAIN-RESPONSIVE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Luther.*/
/* Author: Unbranded.*/
/* Website: http://www.unbranded.co */
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*==========================*/
/*ALL DEVICE OPTIMIZATION*/
/*===========================*/

/*Large Widescreen Monitors*/
@media (min-width: 1921px) and (max-width: 3000px) {	
	.mobile-nav{
		display: none;
	}
}

@media (min-width: 1600px) and (max-width: 1920px) {
	.mobile-nav{
		display: none;
	}
}

@media (min-width: 1441px) and (max-width: 1599px) {
	.mobile-nav{
		display: none;
	}
}


@media (min-width: 1367px) and (max-width: 1440px) {
	.mobile-nav{
		display: none;
	}
}


@media (min-width: 1281px) and (max-width: 1366px) {
	.mobile-nav{
		display: none;
	}
	.testimonial{
		padding-top: 125px;
		padding-bottom: 50px;
	}
	.team-text{
		margin-left: 10%;
	}
	.team-image{
		margin-right: 10%;
	}
	.home04-text h1{
	  	font-size: 85px;
	  	line-height: 92px;
	}
	.home06-text h1 {
 	 	font-size: 44px;
  		line-height: 51px;
	}
}


@media (min-width: 1215px) and (max-width: 1280px) {
	.mobile-nav{
		display: none;
	}
	.testimonial{
		padding-top: 125px;
		padding-bottom: 50px;
	}
	.team-text{
		margin-left: 10%;
	}
	.team-image{
		margin-right: 10%;
	}
	.home03-text h1{
	  	font-size: 38px;
	  	line-height: 45px;
	}
	.home04-text h1{
	  	font-size: 85px;
	  	line-height: 92px;
	}
	.home06-text h1 {
 	 	font-size: 44px;
  		line-height: 51px;
	}
	.home07-text02 a{
		font-size: 22px;
  		line-height: 29px;
	}
}

/*Very Large Tablets and Medium Laptops*/
@media (min-width: 1153px) and (max-width: 1214px) {
	.mobile-nav{
		display: none;
	}
	svg.slant-top{
		height: 175px;
	}
	svg.slant-bottom{
		height: 175px;
	}
	.menu-panel ul li a.main-link {
  		font-size: 26px;
  		line-height: 60px;
  	}	
	.about-image h1{
		font-size: 45px;
		line-height: 52px;
	}
	.testimonial{
		padding-top: 125px;
		padding-bottom: 50px;
	}
	.team-text{
		margin-left: 10%;
	}
	.team-image{
		margin-right: 10%;
	}
	.home02-text{
		padding-left: 15%;
	}
	.home02-text h4{
  		font-size: 16px;
  		line-height: 23px;
	}
	.home02-text h1 a{
  		font-size: 100px;
  		line-height: 107px;
  	}	
  	.home03-text h1{
	  	font-size: 34px;
	  	line-height: 41px;
	}
	.home03-text h3{
  		font-size: 16px;
  		line-height: 23px;
  		letter-spacing: 18px;
  		padding-left: 18px;
  	}	
  	.home04-text h1{
	  	font-size: 80px;
	  	line-height: 87px;
	}
	.home06-text h1 {
 	 	font-size: 44px;
  		line-height: 51px;
	}
	.home09-text span {
	  	font-size: 160px;
	  	line-height: 167px;
	}  	
}


/*Notebooks and Small Laptops*/
@media (min-width: 1025px) and (max-width: 1152px) {
	.mobile-nav{
		display: none;
	}
	svg.slant-top{
		height: 150px;
	}
	svg.slant-bottom{
		height: 150px;
	}
	.section-header{
		padding-top: 200px;
		padding-bottom: 175px;
	}
	.section-header-special{
		padding-top: 100px;
		padding-bottom: 200px;
	}
	.menu-panel ul li a.main-link {
  		font-size: 24px;
  		line-height: 55px;
  		padding: 7px 12px;
  	}	
	.home01 h1{
		font-size: 50px;
		line-height: 57px;
	}
	.home02-text{
		padding-left: 15%;
	}
	.home02-text h4{
  		font-size: 16px;
  		line-height: 23px;
	}
	.home02-text h1 a {
  		font-size: 90px;
  		line-height: 97px;
  	}	
  	.home03-text h1 {
	  	font-size: 34px;
	  	line-height: 41px;
	}
	.home03-text h3 {
  		font-size: 16px;
  		line-height: 23px;
  		letter-spacing: 18px;
  		padding-left: 18px;
  	}	
  	.home03-slider.owl-theme .owl-item.active .home03-text div:last-child{
  		top: 75%;
  	}
  	.home04-text h1{
	  	font-size: 75px;
	  	line-height: 82px;
	}
	.home05-slider-wrap{
		width: 330px;
		height: 330px;
	}
	.home05 #progressbar{
		width: 350px;
		height: 350px;
	}
	.home05-text h1{
		font-size: 24px;
	  	line-height: 31px;
	  	padding: 0px 20px;
	  	padding-left: 22px;
	}
	.home06-text h1 {
 	 	font-size: 40px;
  		line-height: 47px;
  		margin-top: 25px;
  		margin-bottom: 30px;
	}
	.home06-text h4 {
 	 	font-size: 16px;
  		line-height: 23px;
	}
	.home07-text02 a{
		font-size: 22px;
  		line-height: 29px;
	}
	.home08-text h5 {
  		font-size: 27px;
  		line-height: 34px;
  		letter-spacing: 8px;
  		padding-left: 8px;
 	} 
 	@-webkit-keyframes spacing {

	100% {
   		 letter-spacing: 40px;
   		 padding-left: 40px;
		}		
	}
	@-moz-keyframes spacing {

		100% {
	   		 letter-spacing: 40px;
	   		 padding-left: 40px;
			}		
	}
	@keyframes spacing {

		100% {
	   		 letter-spacing: 40px;
	   		 padding-left: 40px;
			}		
	}
	.home09-text span {
	  	font-size: 155px;
	  	line-height: 162px;
	}
	.about-image{
		height: 350px;
	}
	.about-image h1{
		font-size: 40px;
		line-height: 47px;
	}
	.about-content {
	 	padding-bottom: 50px;
	}
	.about-text-content {
	  	margin-top: 75px;
	}
	.about-text-content h2{
		font-size: 26px;
		line-height: 33px;
		margin-bottom: 25px;
	}
	.progress-circle-wrap{
		margin-top: 80px;
	}
	.services-content{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.services-content-item{
		margin-bottom: 35px;
	}
	.mini-portfolio-item-overlay .overlay-text p{
		padding: 7px 15px;
	}
	.testimonial{
		padding-top: 100px;
		padding-bottom: 25px;
	}
	.testimonial-slider .testimonial-image img{
		width: 80%;
		margin-left: 20%;
	}
	.team-text{
		margin-left: 10%;
		padding: 0px 50px;
	}
	.team-image{
		margin-right: 10%;
	}
	.inner-page-header h1 {
  		font-size: 20px;
  		line-height: 27px;
  	}
  	.project-text-content {
	  	margin-top: 50px;
	  	margin-bottom: 50px;
	}
	.error-page h1 {
	  	font-size: 68px;
	  	line-height: 75px;
	 } 	
}


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

	.container{
		width: 950px;
	}
	.main-header{
		display: none;
	}
	svg.slant-top{
		height: 150px;
	}
	svg.slant-bottom{
		height: 150px;
	}
	.section-header{
		padding-top: 200px;
		padding-bottom: 175px;
	}
	.section-header-special{
		padding-top: 125px;
		padding-bottom: 200px;
	}
	.menu-panel ul li a.main-link {
  		font-size: 24px;
  		line-height: 55px;
  		padding: 7px 12px;
  	}	
	.home01 .tweet_list li{
		padding: 0% 10%;
	}
	.home01 .tweet_text{
		font-size: 30px;
		line-height: 37px;
	}
	.home01 .tweet_text a{
		font-size: 25px;
  		line-height: 32px;
	}
	.home02-text{
		padding-left: 15%;
	}
	.home02-text h4{
  		font-size: 16px;
  		line-height: 23px;
	}
	/*.home02-text h1 a {
  		font-size: 90px;
  		line-height: 97px;
  	}	*/
  	.home03-text h1 {
	  	font-size: 34px;
	  	line-height: 41px;
	}
	.home03-text h3 {
  		font-size: 16px;
  		line-height: 23px;
  		letter-spacing: 18px;
  		padding-left: 18px;
  	}	
  	.home03-slider.owl-theme .owl-item.active .home03-text div:last-child{
  		top: 75%;
  	}
  	.home04-text h1{
	  	font-size: 75px;
	  	line-height: 82px;
	}
	.home05-slider-wrap{
		width: 330px;
		height: 330px;
	}
	.home05 #progressbar{
		width: 350px;
		height: 350px;
	}
	.home05-text h1{
		font-size: 24px;
	  	line-height: 31px;
	  	padding: 0px 15px;
	  	padding-left: 17px;
	}
	.home06-text h1 {
 	 	font-size: 40px;
  		line-height: 47px;
  		margin-top: 25px;
  		margin-bottom: 30px;
	}
	.home06-text h4{
 	 	font-size: 16px;
  		line-height: 23px;
	}
	.home07-text01 h5 {
  		font-size: 16px;
  		line-height: 23px;
  		letter-spacing: 14px;
  		padding: 5px 20px;
  		padding-left: 34px;
  	}	
	.home07-text02 span {
  		font-size: 25px;
  		line-height: 32px;
	}
	.home07-text02 a{
		font-size: 22px;
  		line-height: 29px;
	}
	.home08-text h5 {
  		font-size: 27px;
  		line-height: 34px;
  		letter-spacing: 8px;
  		padding-left: 8px;
 	} 
 	@-webkit-keyframes spacing {

	100% {
   		 letter-spacing: 40px;
   		 padding-left: 40px;
		}		
	}
	@-moz-keyframes spacing {

		100% {
	   		 letter-spacing: 40px;
	   		 padding-left: 40px;
			}		
	}
	@keyframes spacing {

		100% {
	   		 letter-spacing: 40px;
	   		 padding-left: 40px;
			}		
	}
	.home09-text span {
	  	font-size: 145px;
	  	line-height: 152px;
	}
	.home09-text p {
  		font-size: 16px;
  		line-height: 23px;
  		padding-right: 25px;
  		padding-left: 45px;
  	}	
  	.home10-text-content .button {
 		padding: 8px 13px;
 	}	
	.about-image{
		height: 350px;
	}
	.about-image h1{
		font-size: 40px;
		line-height: 47px;
	}
	.about-content {
	 	padding-bottom: 50px;
	}
	.about-text-content {
	  	margin-top: 75px;
	}
	.about-text-content h2{
		font-size: 26px;
		line-height: 33px;
		margin-bottom: 25px;
	}
	.progress-circle-wrap{
		margin-top: 80px;
	}
	.services-content{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.services-content-item{
		margin-bottom: 35px;
	}
	.mini-portfolio-item-overlay .overlay-text p{
		padding: 7px 15px;
	}
	.testimonial{
		padding-top: 100px;
		padding-bottom: 25px;
	}
	.testimonial-slider .testimonial-image img{
		width: 80%;
		margin-left: 20%;
	}
	.team-text{
		margin-left: 10%;
		padding: 0px 50px;
	}
	.team-image{
		margin-right: 10%;
	}
	.contact-content-item h3{
		font-size: 21px;
		line-height: 28px;
	}
	.inner-page-header h1 {
  		font-size: 20px;
  		line-height: 27px;
  	}
  	.inner-page-header{
  		padding-top: 100px;
  	}
  	.page-header-bottom-content {
	  	margin-top: 60px;
	}
	.project-text-content {
	  	margin-top: 50px;
	  	margin-bottom: 50px;
	}	
	.project-text-content h1 {
  		font-size: 22px;
  		line-height: 29px;
  	}	
  	.more-projects h3{
  		font-size: 22px;
  		line-height: 29px;
  	}
  	.error-page h1 {
	  	font-size: 68px;
	  	line-height: 75px;
	 } 
}


/*iPad Landscape Mode and Large Tablets */
@media (min-width: 961px) and (max-width: 990px) {
	.container{
		width: 930px;
	}
	svg.slant-top{
		height: 130px;
		width: 101%;
	}
	svg.slant-bottom{
		height: 130px;
		width: 101%;
	}
	.main-header{
		display: none;
	}
	.section-header{
		padding-top: 175px;
		padding-bottom: 150px;
	}
	.section-header-special{
		padding-top: 100px;
		padding-bottom: 175px;
	}
	.menu-panel ul li a.main-link {
  		font-size: 24px;
  		line-height: 55px;
  		padding: 7px 12px;
  	}	
	.home01 .tweet_list li{
		padding: 0% 15%;
	}
	.home01 .tweet_text{
		font-size: 25px;
		line-height: 32px;
	}
	.home01 .tweet_text a{
		font-size: 20px;
  		line-height: 27px;
	}
	.home01 .twitter-handle{
		font-size: 20px;
		line-height: 27px;
	}
	.home02-text{
		padding-left: 15%;
	}
	.home02-text h4{
  		font-size: 16px;
  		line-height: 23px;
	}
	.home02-text h1 a {
  		font-size: 90px;
  		line-height: 97px;
  	}	
  	.home03-text h1 {
	  	font-size: 30px;
	  	line-height: 37px;
	}
	.home03-text h3 {
  		font-size: 15px;
  		line-height: 22px;
  		letter-spacing: 14px;
  		padding-left: 14px;
  	}	
  	.home03-slider.owl-theme .owl-item.active .home03-text div:last-child{
  		top: 75%;
  	}	
  	.home04-text h1{
	  	font-size: 75px;
	  	line-height: 82px;
	}
	.home05-slider-wrap{
		width: 320px;
		height: 320px;
	}
	.home05 #progressbar{
		width: 340px;
		height: 340px;
	}
	.home05-text h1{
		font-size: 22px;
	  	line-height: 29px;
	  	padding: 0px 15px;
	  	padding-left: 17px;
	}
	.home06-text h1 {
 	 	font-size: 40px;
  		line-height: 47px;
  		margin-top: 25px;
  		margin-bottom: 30px;
	}
	.home06-text h4{
 	 	font-size: 16px;
  		line-height: 23px;
	}
	.home07-text01, .home07-text02{
		width: 50%;
	}
	.home07-text01 h5 {
  		font-size: 16px;
  		line-height: 23px;
  		letter-spacing: 14px;
  		padding: 5px 20px;
  		padding-left: 34px;
  	}	
	.home07-text02 span {
  		font-size: 25px;
  		line-height: 32px;
	}
	.home07-text02 a{
		font-size: 22px;
  		line-height: 29px;
	}
	.home08-text h5 {
  		font-size: 25px;
  		line-height: 32px;
  		letter-spacing: 8px;
  		padding-left: 8px;
 	} 
 	@-webkit-keyframes spacing {

	100% {
   		 letter-spacing: 35px;
   		 padding-left: 35px;
		}		
	}
	@-moz-keyframes spacing {

		100% {
	   		 letter-spacing: 35px;
	   		 padding-left: 35px;
			}		
	}
	@keyframes spacing {

		100% {
	   		 letter-spacing: 35px;
	   		 padding-left: 35px;
			}		
	}
	.home09-text span {
	  	font-size: 145px;
	  	line-height: 152px;
	}
	.home09-text p {
  		font-size: 16px;
  		line-height: 23px;
  		letter-spacing: 17px;
  		padding-right: 20px;
  		padding-left: 37px;
  	}
  	.home10-text-content .button {
 		padding: 8px 13px;
 	}	
	.about-image{
		height: 350px;
	}
	.about-image h1{
		font-size: 35px;
		line-height: 42px;
	}
	.about-image a{
		margin-top: 20px;
	}
	.about-content{
	 	padding-bottom: 50px;
	}
	.about-text-content {
	  	margin-top: 75px;
	}
	.about-text-content h2{
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 20px;
	}
	.about-text-content h2::after{
		margin-top: 10px;
	}
	.progress-circle-wrap{
		margin-top: 80px;
	}
	.services-content{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.services-content-item{
		margin-bottom: 25px;
	}
	.mini-portfolio-item-overlay .overlay-text p{
		padding: 7px 15px;
	}
	.testimonial{
		padding-top: 100px;
		padding-bottom: 25px;
	}
	.testimonial-slider .testimonial-image img{
		width: 80%;
		margin-left: 20%;
	}
	.team-text{
		margin-left: 10%;
		padding: 0px 50px;
	}
	.team-text h3{
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 15px;
	}
	.team .social-icons{
		margin-top: 20px;
	}
	.team-image{
		margin-right: 10%;
	}
	.team-info span {
	    font-size: 35px;
	    line-height: 42px;
	}
	.contact-content-item-icon div:first-child{
		margin-bottom: 25px;
	}
	.contact-content-item h3{
		font-size: 21px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	.contact-content-item h3::after{
		margin-top: 10px;
	}
	.contact-content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.footer{
		padding-top: 110px;
		padding-bottom: 90px;
	}
	.inner-page-header h1 {
  		font-size: 20px;
  		line-height: 27px;
  	}
  	.inner-page-header{
  		padding-top: 100px;
  	}
  	.page-header-bottom-content {
	  	margin-top: 60px;
	}
	.project-text-content {
	  	margin-top: 50px;
	  	margin-bottom: 50px;
	}	
	.project-text-content h1 {
  		font-size: 22px;
  		line-height: 29px;
  	}	
  	.more-projects h3{
  		font-size: 22px;
  		line-height: 29px;
  	}
  	.footer-innerpage{
  		padding: 90px 0px;
  	}
  	.error-page h1 {
	  	font-size: 63px;
	  	line-height: 70px;
	 } 

}


/*Small Desktop and Very Small Notebook */
@media (min-width: 801px) and (max-width: 960px) {
	.container{
		width: 760px;
	}
	.main-header{
		display: none;
	}
	.mobile-nav{
		display: block;
	}
	svg.slant-top{
		height: 110px;
	}
	svg.slant-bottom{
		height: 110px;
	}
	.section-header{
		padding-top: 150px;
		padding-bottom: 125px;
	}
	.section-header-special{
		padding-top: 80px;
		padding-bottom: 150px;
	}
	.menu-panel ul li a.main-link {
  		font-size: 22px;
  		line-height: 50px;
  		letter-spacing: 6px;
  		padding: 6px 10px;
  		padding-left: 16px;
  	}	
	.home01 .tweet_list li{
		padding: 0% 10%;
	}
	.home01 .tweet_text{
		font-size: 25px;
		line-height: 32px;
	}
	.home01 .tweet_text a{
		font-size: 20px;
  		line-height: 27px;
	}
	.home01 .twitter-handle{
		font-size: 20px;
		line-height: 27px;
	}
	.home02-text{
		padding-left: 15%;
	}
	.home02-text h4{
  		font-size: 16px;
  		line-height: 23px;
	}
	.home02-text h1 a {
  		font-size: 80px;
  		line-height: 87px;
  	}
  	.home02-slider .owl-item.active .home02-text .cap-text-1, .home02-slider .owl-item.active .home02-text .cap-text-2{
		padding-left: 8%;
	}
	.home03-text h1 {
	  	font-size: 30px;
	  	line-height: 37px;
	}
	.home03-text h3 {
  		font-size: 15px;
  		line-height: 22px;
  		letter-spacing: 14px;
  		padding-left: 14px;
  	}	
  	.home03-slider.owl-theme .owl-item.active .home03-text div:last-child{
  		top: 75%;
  	}
  	.home04-text h1{
	  	font-size: 65px;
	  	line-height: 72px;
	}
	.home05-slider-wrap{
		width: 320px;
		height: 320px;
	}
	.home05 #progressbar{
		width: 340px;
		height: 340px;
	}
	.home05-text h1{
		font-size: 22px;
	  	line-height: 29px;
	  	padding: 0px 15px;
	  	padding-left: 17px;
	}
	.home05-text .button{
		padding: 6px 12px;
	}
	.home06-text h1 {
 	 	font-size: 40px;
  		line-height: 47px;
  		margin-top: 25px;
  		margin-bottom: 30px;
	}
	.home06-text h4{
 	 	font-size: 16px;
  		line-height: 23px;
	}
	.home07-text01, .home07-text02{
		width: 50%;
	}
	.home07-text01 h5 {
  		font-size: 16px;
  		line-height: 23px;
  		letter-spacing: 14px;
  		padding: 5px 20px;
  		padding-left: 34px;
  	}	
	.home07-text02 span {
  		font-size: 25px;
  		line-height: 32px;
	}
	.home07-text02 a{
		font-size: 22px;
  		line-height: 29px;
	}
	.home08-text h5 {
  		font-size: 25px;
  		line-height: 32px;
  		letter-spacing: 8px;
  		padding-left: 8px;
 	} 
 	@-webkit-keyframes spacing {

	100% {
   		 letter-spacing: 35px;
   		 padding-left: 35px;
		}		
	}
	@-moz-keyframes spacing {

		100% {
	   		 letter-spacing: 35px;
	   		 padding-left: 35px;
			}		
	}
	@keyframes spacing {

		100% {
	   		 letter-spacing: 35px;
	   		 padding-left: 35px;
			}		
	}
	.home09-text span {
	  	font-size: 135px;
	  	line-height: 142px;
	}
	.home09-text p {
  		font-size: 15px;
  		line-height: 22px;
  		letter-spacing: 17px;
  		padding-right: 20px;
  		padding-left: 37px;
  	}
  	.home10-text-content .button {
  		font-size: 14px;
  		line-height: 21px;
 		padding: 8px 13px;
 	}	
	.about-image{
		height: 350px;
	}
	.about-image h1{
		font-size: 35px;
		line-height: 42px;
	}
	.about-image a{
		margin-top: 20px;
	}
	.about-content{
	 	padding-bottom: 50px;
	}
	.about-text-content {
	  	margin-top: 75px;
	}
	.about-text-content h2{
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 20px;
	}
	.about-text-content h2::after{
		margin-top: 10px;
	}
	.progress-circle-wrap{
		margin-top: 80px;
	}
	.progress-circle-slider.owl-theme .owl-controls{
		display: block;		
	}
	.services-content{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.services-content-item{
		margin-bottom: 25px;
		padding-bottom: 0px;
	}
	.services-content-image span{
		font-size: 45px;
		line-height: 52px;
	}
	.services-content-name{
		font-size: 16px;
		line-height: 23px;
	}
	.services-content-text p{
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
	}
	.mini-portfolio-item-overlay .overlay-text p{
		padding: 7px 15px;
	}
	.testimonial{
		padding-top: 100px;
		padding-bottom: 25px;
	}
	.testimonial-text h4{
		font-size: 16px;
		line-height: 23px;
	}
	.testimonial-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.testimonial-slider .testimonial-image img{
		width: 100%;
		margin-left: 0%;
	}
	.team-text{
		margin-left: 10%;
		padding: 0px 50px;
		padding-left: 0px;
	}
	.team-text h3{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 15px;
	}
	.team-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.team .social-icons{
		font-size: 21px;
		line-height: 28px;
		margin-top: 20px;
	}
	.team-image{
		margin-right: 10%;
	}
	.team-info span {
	    font-size: 35px;
	    line-height: 42px;
	}
	.blog-slider{
		padding: 0 10%;
	}
	.blog-slider.owl-theme .owl-controls{
		display: block;
	}
	.contact-content-item-icon div:first-child{
		margin-bottom: 25px;
	}
	.contact-content-item-icon div:last-child{
		left: 82px;
	}
	.contact-content-item h3{
		font-size: 19px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.contact-content-item h3::after{
		margin-top: 10px;
	}
	.contact-content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.footer{
		padding-top: 110px;
		padding-bottom: 90px;
	}
	.inner-page-header h1 {
  		font-size: 20px;
  		line-height: 27px;
  	}
  	.inner-page-header{
  		padding-top: 100px;
  	}
  	.page-header-bottom-content {
	  	margin-top: 60px;
	}
	.comments ul li p{
		font-size: 13px;
  		line-height: 20px;
	}
	.comment-count{
		font-size: 21px;
  		line-height: 28px;
	}
	.respond h3{
		font-size: 21px;
  		line-height: 28px;
	}
	.project-text-content {
	  	margin-top: 50px;
	  	margin-bottom: 50px;
	}	
	.project-text-content h1 {
  		font-size: 22px;
  		line-height: 29px;
  	}	
  	.more-projects h3{
  		font-size: 22px;
  		line-height: 29px;
  	}
  	.footer-innerpage{
  		padding: 80px 0px;
  	}
  	.error-page h1 {
	  	font-size: 60px;
	  	line-height: 67px;
	 } 
	
}


/*windows machine 782px*/
@media (min-width: 751px) and (max-width: 800px) { 
	.container{
		max-width: 720px;
	}
	.main-header{
		display: none;
	}
	.mobile-nav{
		display: block;
	}
	svg.slant-top{
		height: 100px;
	}
	svg.slant-bottom{
		height: 100px;
	}
	.section-header{
		padding-top: 150px;
		padding-bottom: 125px;
	}
	.section-header-special{
		padding-top: 80px;
		padding-bottom: 150px;
	}
	.menu-panel ul li a.main-link {
  		font-size: 21px;
  		line-height: 45px;
  		letter-spacing: 6px;
  		padding: 6px 10px;
  		padding-left: 16px;
  	}
	.home01 .twitter-image i {
	  	font-size: 25px;
	  	line-height: 32px;
	  	padding: 6px 9px;
	}
	.home01 .tweet_list li{
		padding: 0% 10%;
	}
	.home01 .tweet_text{
		font-size: 25px;
		line-height: 32px;
	}
	.home01 .tweet_text a{
		font-size: 20px;
  		line-height: 27px;
	}
	.home01 .twitter-handle{
		font-size: 20px;
		line-height: 27px;
	}
	.home02-text{
		padding-left: 10%;
	}
	.home02-text h4{
  		font-size: 15px;
  		line-height: 22px;
  		letter-spacing: 12px;
  		padding-right: 10px;
  		padding-left: 22px;
	}
	.home02-text h1 a {
  		font-size: 70px;
  		line-height: 77px;
  	}
  	.home02-slider .owl-item.active .home02-text .cap-text-1, .home02-slider .owl-item.active .home02-text .cap-text-2{
		padding-left: 8%;
	}
	.home02-slider .owl-controls{
		display: none !important;
	}
	.home03-text h1 {
	  	font-size: 30px;
	  	line-height: 37px;
	}
	.home03-text h3 {
  		font-size: 15px;
  		line-height: 22px;
  		letter-spacing: 14px;
  		padding-left: 14px;
  	}	
  	.home03-slider.owl-theme .owl-item.active .home03-text div:last-child{
  		top: 75%;
  	}
  	.home04-text h1{
	  	font-size: 65px;
	  	line-height: 72px;
	}
	.home05-slider-wrap{
		width: 310px;
		height: 310px;
	}
	.home05 #progressbar{
		width: 330px;
		height: 330px;
	}
	.home05-text h1{
		font-size: 22px;
	  	line-height: 29px;
	  	padding: 0px 15px;
	  	padding-left: 17px;
	}
	.home05-text .button{
		padding: 6px 12px;
	}
	.home06-text h1 {
 	 	font-size: 35px;
  		line-height: 42px;
  		margin-top: 25px;
  		margin-bottom: 30px;
	}
	.home06-text h4{
 	 	font-size: 16px;
  		line-height: 23px;
	}
	.home06-text .button{
		font-size: 13px;
		line-height: 20px;
		padding: 5px 10px;
	}
	.home07-text01, .home07-text02{
		width: 50%;
	}
	.home07-text01 h5 {
  		font-size: 16px;
  		line-height: 23px;
  		letter-spacing: 14px;
  		padding: 5px 20px;
  		padding-left: 34px;
  	}	
	.home07-text02 span {
  		font-size: 25px;
  		line-height: 32px;
	}
	.home07-text02 a{
		font-size: 22px;
  		line-height: 29px;
	}
	.home08-text h5 {
  		font-size: 25px;
  		line-height: 32px;
  		letter-spacing: 8px;
  		padding-left: 8px;
 	} 
 	@-webkit-keyframes spacing {

	100% {
   		 letter-spacing: 35px;
   		 padding-left: 35px;
		}		
	}
	@-moz-keyframes spacing {

		100% {
	   		 letter-spacing: 35px;
	   		 padding-left: 35px;
			}		
	}
	@keyframes spacing {

		100% {
	   		 letter-spacing: 35px;
	   		 padding-left: 35px;
			}		
	}
	.home09-text span {
	  	font-size: 125px;
	  	line-height: 132px;
	}
	.home09-text p {
  		font-size: 15px;
  		line-height: 22px;
  		letter-spacing: 14px;
  		padding-right: 15px;
  		padding-left: 29px;
  	}
  	.home09-slider.owl-theme .owl-controls .owl-nav .owl-prev{
	  	left: 20%;
	}
	.home09-slider.owl-theme .owl-controls .owl-nav .owl-next{
	  	right: 20%;
	}
	.home10-text-content .button {
  		font-size: 14px;
  		line-height: 21px;
 		padding: 8px 13px;
 	}	
	.about-image{
		height: 350px;
	}
	.about-image h1{
		font-size: 30px;
		line-height: 37px;
	}
	.about-image a{
		font-size: 15px;
		line-height: 22px;
		margin-top: 20px;
	}
	.about-content{
	 	padding-bottom: 50px;
	}
	.about-text-content {
	  	margin-top: 75px;
	}
	.about-text-content h2{
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 20px;
	}
	.about-text-content h2::after{
		margin-top: 10px;
	}
	.about-text-content p{
		font-size: 13px;
		line-height: 20px;
	}
	.progress-circle-wrap{
		margin-top: 80px;
	}
	.progress-circle-slider.owl-theme .owl-controls{
		display: block;		
	}
	.services-content{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.services-content-item{
		margin-bottom: 25px;
		margin-left: 25%;
		margin-right: 25%;
		padding-bottom: 0px;
	}
	.services-content-image span{
		font-size: 45px;
		line-height: 52px;
	}
	.services-content-name{
		font-size: 16px;
		line-height: 23px;
	}
	.services-content-text p{
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
	}
	.mini-portfolio-item-overlay .overlay-text p{
		padding: 7px 15px;
	}
	.testimonial{
		padding-top: 100px;
		padding-bottom: 25px;
	}
	.testimonial-text h4{
		font-size: 16px;
		line-height: 23px;
	}
	.testimonial-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.testimonial-image{
		margin-right: 0px
	}
	.testimonial-slider .testimonial-image img{
		width: 100%;
		margin-left: 0%;
	}
	.team-text{
		margin-left: 10%;
		padding: 0px 50px;
		padding-left: 0px;
	}
	.team-text h3{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 15px;
	}
	.team-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.team .social-icons{
		font-size: 21px;
		line-height: 28px;
		margin-top: 20px;
	}
	.team-image{
		margin-right: 10%;
	}
	.team-info {
	  	left: 40%;
	  	bottom: 15%;
	}
	.team-info span {
	    font-size: 35px;
	    line-height: 42px;
	}
	.shuffle__sizer{
		width: 47%;
		margin-left: 3%;
	}
	.portfolio-filter-nav {
  		margin-bottom: 25px;
	}
	.blog-slider{
		padding: 0 7%;
	}
	.blog-slider.owl-theme .owl-controls{
		display: block;
	}
	.contact-content-item-icon div:first-child{
		margin-bottom: 25px;
	}
	.contact-content-item-icon div:last-child{
		left: 82px;
	}
	.contact-content-item h3{
		font-size: 19px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.contact-content-item h3::after{
		margin-top: 10px;
	}
	.contact-content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contact-content-item p{
		font-size: 12px;
		line-height: 19px;
	}
	.contact-form-trigger{
		font-size: 11px;
		line-height: 18px;
		padding: 8px 15px;
	}
	.contact-form {
  		width: 350px;
  		height: 330px;
  		padding: 0px 60px;
	}
	.footer{
		padding-top: 100px;
		padding-bottom: 80px;
	}
	.footer .social-icons span{
		font-size: 18px;
		line-height: 25px;
		width: 32px;
		height: 32px;
	}
	.inner-page-header h1 {
  		font-size: 18px;
  		line-height: 25px;
  	}
  	.inner-page-header{
  		padding-top: 90px;
  	}
  	.page-header-bottom-content {
	  	margin-top: 40px;
	}
	.comments ul li p{
		font-size: 13px;
  		line-height: 20px;
	}
	.comment-count{
		font-size: 21px;
  		line-height: 28px;
	}
	.respond h3{
		font-size: 21px;
  		line-height: 28px;
	}
	.blog-post-path{
		text-align: left;
		margin-top: 5px;
	}
	.blog-post p{
		font-size: 13px;
  		line-height: 20px;
	}
	.blog-post-share .social-icons{
		text-align: left;
		margin-top: 5px;
	}
	.project-text-content {
	  	margin-top: 50px;
	  	margin-bottom: 50px;
	}	
	.project-text-content h1 {
  		font-size: 22px;
  		line-height: 29px;
  	}	
  	.more-projects h3{
  		font-size: 22px;
  		line-height: 29px;
  	}
  	.more-projects-item{
  		padding: 0 20%;
  		margin-bottom: 35px;
  	}
  	.footer-innerpage{
  		padding: 80px 0px;
  	}
  	.error-page h1 {
	  	font-size: 55px;
	  	line-height: 62px;
	 } 
	
}


/*iPad Portrait Mode, iPad Mini and Small Tablets */
@media (min-width: 739px) and (max-width: 750px) {
	.container{
		max-width: 700px;
	}
	.main-header{
		display: none;
	}
	.mobile-nav{
		display: block;
	}
	svg.slant-top{
		height: 80px;
		width: 101%;
	}
	svg.slant-bottom{
		height: 80px;
		width: 101%;
	}
	.section-header{
		padding-top: 150px;
		padding-bottom: 125px;
	}
	.section-header-special{
		padding-top: 80px;
		padding-bottom: 150px;
	}
	.section-header-name{
		font-size: 16px;
		line-height: 23px;
	}
	.section-header-text {
  		font-size: 18px;
  		line-height: 25px;
  		margin-top: 10px;
	}
	.menu-panel ul li a.main-link {
  		font-size: 21px;
  		line-height: 45px;
  		letter-spacing: 6px;
  		padding: 6px 10px;
  		padding-left: 16px;
  	}
	.home01 .twitter-image i {
	  	font-size: 25px;
	  	line-height: 32px;
	  	padding: 6px 9px;
	}
	.home01 .tweet_list li{
		padding: 0% 10%;
	}
	.home01 .tweet_text{
		font-size: 25px;
		line-height: 32px;
	}
	.home01 .tweet_text a{
		font-size: 20px;
  		line-height: 27px;
	}
	.home01 .twitter-handle{
		font-size: 20px;
		line-height: 27px;
	}
	.home02-text{
		padding-left: 10%;
	}
	.home02-text h4{
  		font-size: 15px;
  		line-height: 22px;
  		letter-spacing: 12px;
  		padding-right: 10px;
  		padding-left: 22px;
	}
	.home02-text h1 a {
  		font-size: 70px;
  		line-height: 77px;
  	}
  	.home02-slider .owl-item.active .home02-text .cap-text-1, .home02-slider .owl-item.active .home02-text .cap-text-2{
		padding-left: 8%;
	}
	.home02-slider .owl-controls{
		display: none !important;
	}
	.home03-text h1 {
	  	font-size: 30px;
	  	line-height: 37px;
	}
	.home03-text h3 {
  		font-size: 15px;
  		line-height: 22px;
  		letter-spacing: 14px;
  		padding-left: 14px;
  	}	
  	.home03-slider.owl-theme .owl-item.active .home03-text div:last-child{
  		top: 75%;
  	}
  	.home03-slider .owl-controls{
		display: none !important;
	}
	.home04-text h1{
	  	font-size: 65px;
	  	line-height: 72px;
	}
	.home05-slider-wrap{
		width: 300px;
		height: 300px;
	}
	.home05 #progressbar{
		width: 320px;
		height: 320px;
	}
	.home05-text h1{
		font-size: 20px;
	  	line-height: 27px;
	  	padding: 0px 15px;
	  	padding-left: 17px;
	}
	.home05-text .button{
		padding: 6px 12px;
	}
	.home06-text h1 {
 	 	font-size: 35px;
  		line-height: 42px;
  		margin-top: 25px;
  		margin-bottom: 30px;
	}
	.home06-text h4{
 	 	font-size: 16px;
  		line-height: 23px;
	}
	.home06-text .button{
		font-size: 13px;
		line-height: 20px;
		padding: 5px 10px;
	}
	.home07-text01, .home07-text02{
		width: 60%;
	}
	.home07-text01 h5 {
  		font-size: 14px;
  		line-height: 21px;
  		letter-spacing: 12px;
  		padding: 5px 15px;
  		padding-left: 27px;
  	}	
	.home07-text02 span {
  		font-size: 22px;
  		line-height: 25px;
	}
	.home07-text02 a{
		font-size: 20px;
  		line-height: 27px;
	}
	.home08-text h5 {
  		font-size: 25px;
  		line-height: 32px;
  		letter-spacing: 8px;
  		padding-left: 8px;
 	} 
 	@-webkit-keyframes spacing {

	100% {
   		 letter-spacing: 35px;
   		 padding-left: 35px;
		}		
	}
	@-moz-keyframes spacing {

		100% {
	   		 letter-spacing: 35px;
	   		 padding-left: 35px;
			}		
	}
	@keyframes spacing {

		100% {
	   		 letter-spacing: 35px;
	   		 padding-left: 35px;
			}		
	}
	.home09-text span {
	  	font-size: 115px;
	  	line-height: 122px;
	}
	.home09-text p {
  		font-size: 15px;
  		line-height: 22px;
  		letter-spacing: 14px;
  		padding-right: 15px;
  		padding-left: 29px;
  	}
  	.home09-slider.owl-theme .owl-controls .owl-nav .owl-prev{
	  	left: 20%;
	}
	.home09-slider.owl-theme .owl-controls .owl-nav .owl-next{
	  	right: 20%;
	}
	.home10-text-content .button {
  		font-size: 14px;
  		line-height: 21px;
 		padding: 8px 13px;
 	}	
	.about-content{
		padding-top: 30px;
		padding-bottom: 35px;
	}
	.about-image{
		height: 350px;
	}
	.about-image h1{
		font-size: 30px;
		line-height: 37px;
	}
	.about-image a{
		font-size: 15px;
		line-height: 22px;
		margin-top: 20px;
	}
	.about-content{
	 	padding-bottom: 50px;
	}
	.about-text-content {
	  	margin-top: 75px;
	}
	.about-text-content h2{
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 20px;
	}
	.about-text-content h2::after{
		margin-top: 10px;
	}
	.about-text-content p{
		font-size: 13px;
		line-height: 20px;
	}
	.progress-circle strong{
		font-size: 17px;
		line-height: 24px;
	}
	.progress-circle-wrap{
		margin-top: 80px;
	}
	.progress-circle-slider.owl-theme .owl-controls{
		display: block;		
	}
	.services-content{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.services-content-item{
		margin-bottom: 25px;
		margin-left: 25%;
		margin-right: 25%;
		padding-bottom: 0px;
	}
	.services-content-image span{
		font-size: 45px;
		line-height: 52px;
	}
	.services-content-name{
		font-size: 16px;
		line-height: 23px;
	}
	.services-content-text p{
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
	}
	.mini-portfolio-item-overlay .overlay-text p{
		padding: 7px 15px;
	}
	.testimonial{
		padding-top: 100px;
		padding-bottom: 25px;
	}
	.testimonial-text h4{
		font-size: 16px;
		line-height: 23px;
	}
	.testimonial-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.testimonial-image{
		margin-right: 0px
	}
	.testimonial-slider .testimonial-image img{
		width: 100%;
		margin-left: 0%;
	}
	.team-text{
		margin-left: 10%;
		padding: 0px 50px;
		padding-left: 0px;
	}
	.team-text h3{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 15px;
	}
	.team-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.team .social-icons{
		font-size: 21px;
		line-height: 28px;
		margin-top: 20px;
	}
	.team-image{
		margin-right: 10%;
	}
	.team-info {
	  	left: 40%;
	  	bottom: 15%;
	}
	.team-info span {
	    font-size: 30px;
	    line-height: 37px;
	}
	.shuffle__sizer{
		width: 47%;
		margin-left: 3%;
	}
	.portfolio-filter-nav {
  		margin-bottom: 25px;
	}
	.blog-slider{
		padding: 0 7%;
	}
	.blog-slider.owl-theme .owl-controls{
		display: block;
	}
	.contact-content-item-icon div:first-child{
		margin-bottom: 25px;
	}
	.contact-content-item-icon div:last-child{
		left: 82px;
	}
	.contact-content-item h3{
		font-size: 19px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.contact-content-item h3::after{
		margin-top: 10px;
	}
	.contact-content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contact-content-item p{
		font-size: 12px;
		line-height: 19px;
	}
	.contact-form-trigger{
		font-size: 11px;
		line-height: 18px;
		padding: 8px 15px;
	}
	.contact-form {
  		width: 350px;
  		height: 330px;
  		padding: 0px 60px;
	}
	.footer{
		padding-top: 100px;
		padding-bottom: 80px;
	}
	.footer .social-icons span{
		font-size: 18px;
		line-height: 25px;
		width: 32px;
		height: 32px;
	}
		.inner-page-header h1 {
  		font-size: 18px;
  		line-height: 25px;
  	}
  	.inner-page-header{
  		padding-top: 90px;
  	}
  	.page-header-bottom-content {
	  	margin-top: 40px;
	}
	.comments ul li p{
		font-size: 13px;
  		line-height: 20px;
	}
	.comment-count{
		font-size: 21px;
  		line-height: 28px;
	}
	.respond h3{
		font-size: 21px;
  		line-height: 28px;
	}
	.blog-post-path{
		text-align: left;
		margin-top: 5px;
	}
	.blog-post p{
		font-size: 13px;
  		line-height: 20px;
	}
	.blog-post-share .social-icons{
		text-align: left;
		margin-top: 5px;
	}
	.project-text-content {
	  	margin-top: 50px;
	  	margin-bottom: 50px;
	}	
	.project-text-content h1 {
  		font-size: 22px;
  		line-height: 29px;
  	}	
  	.more-projects h3{
  		font-size: 22px;
  		line-height: 29px;
  	}
  	.more-projects-item{
  		padding: 0 20%;
  		margin-bottom: 35px;
  	}
  	.single-project-slider .owl-controls{
  		display: none;
  	}
  	.footer-innerpage{
  		padding: 80px 0px;
  	}
  	.error-page h1 {
	  	font-size: 55px;
	  	line-height: 62px;
	  	margin-bottom: 5px;
	 } 
	
}


@media (min-width: 668px) and (max-width: 738px) {
	.container{
		max-width: 630px;
	}
	.main-header{
		display: none;
	}
	.mobile-nav{
		display: block;
	}
	svg.slant-top{
		height: 80px;
		width: 101%;
	}
	svg.slant-bottom{
		height: 80px;
		width: 101%;
	}
	.section-header{
		padding-top: 125px;
		padding-bottom: 100px;
	}
	.section-header-special{
		padding-top: 80px;
		padding-bottom: 120px;
	}
	.section-header-name{
		font-size: 16px;
		line-height: 23px;
	}
	.section-header-text {
  		font-size: 18px;
  		line-height: 25px;
  		margin-top: 10px;
	}
	.menu-panel ul li a.main-link {
  		font-size: 20px;
  		line-height: 45px;
  		letter-spacing: 6px;
  		padding: 6px 10px;
  		padding-left: 16px;
  	}
	.home01 .twitter-image i {
	  	font-size: 25px;
	  	line-height: 32px;
	  	padding: 6px 9px;
	}
	.home01 .tweet_list li{
		padding: 0% 10%;
	}
	.home01 .tweet_text{
		font-size: 25px;
		line-height: 32px;
	}
	.home01 .tweet_text a{
		font-size: 20px;
  		line-height: 27px;
	}
	.home01 .twitter-handle{
		font-size: 20px;
		line-height: 27px;
	}
	.home02-text{
		padding-left: 10%;
	}
	.home02-text h4{
  		font-size: 15px;
  		line-height: 22px;
  		letter-spacing: 12px;
  		padding-right: 10px;
  		padding-left: 22px;
	}
	.home02-text h1 a {
  		font-size: 70px;
  		line-height: 77px;
  	}
  	.home02-slider .owl-item.active .home02-text .cap-text-1, .home02-slider .owl-item.active .home02-text .cap-text-2{
		padding-left: 8%;
	}
	.home02-slider .owl-controls{
		display: none !important;
	}
	.home03-text{
		height: 80px;
	}
	.home03-text h1 {
	  	font-size: 25px;
	  	line-height: 32px;
	  	padding: 7px 15px;
	}
	.home03-text h3 {
  		font-size: 13px;
  		line-height: 21px;
  		letter-spacing: 10px;
  		padding-left: 10px;
  	}	
  	.home03-slider .owl-controls{
		display: none !important;
	}
	.home04-text h1{
	  	font-size: 60px;
	  	line-height: 67px;
	}
	.home05-slider-wrap{
		width: 300px;
		height: 300px;
	}
	.home05 #progressbar{
		width: 320px;
		height: 320px;
	}
	.home05-text h1{
		font-size: 20px;
	  	line-height: 27px;
	  	padding: 0px 15px;
	  	padding-left: 17px;
	}
	.home05-text .button{
		padding: 6px 12px;
	}
	.home06-text h1 {
 	 	font-size: 30px;
  		line-height: 37px;
  		margin-top: 25px;
  		margin-bottom: 30px;
	}
	.home06-text h4{
 	 	font-size: 15px;
  		line-height: 22px;
	}
	.home06-text .button{
		font-size: 13px;
		line-height: 20px;
		padding: 5px 10px;
	}
	.home07-text01, .home07-text02{
		width: 60%;
	}
	.home07-text01 h5 {
  		font-size: 14px;
  		line-height: 21px;
  		letter-spacing: 12px;
  		padding: 5px 15px;
  		padding-left: 27px;
  	}	
	.home07-text02 span {
  		font-size: 22px;
  		line-height: 25px;
	}
	.home07-text02 a{
		font-size: 20px;
  		line-height: 27px;
	}
	.home08-text h5 {
  		font-size: 25px;
  		line-height: 32px;
  		letter-spacing: 8px;
  		padding-left: 8px;
 	} 
 	@-webkit-keyframes spacing {

	100% {
   		 letter-spacing: 35px;
   		 padding-left: 35px;
		}		
	}
	@-moz-keyframes spacing {

		100% {
	   		 letter-spacing: 35px;
	   		 padding-left: 35px;
			}		
	}
	@keyframes spacing {

		100% {
	   		 letter-spacing: 35px;
	   		 padding-left: 35px;
			}		
	}
	.home09-text span {
	  	font-size: 105px;
	  	line-height: 112px;
	}
	.home09-text p {
  		font-size: 15px;
  		line-height: 22px;
  		letter-spacing: 10px;
  		padding-right: 15px;
  		padding-left: 25px;
  	}
  	.home09-slider.owl-theme .owl-controls .owl-nav .owl-prev{
	  	left: 20%;
	}
	.home09-slider.owl-theme .owl-controls .owl-nav .owl-next{
	  	right: 20%;
	}
	.home10-text-content .button {
  		font-size: 14px;
  		line-height: 21px;
 		padding: 7px 11px;
 	}	
	.about-content{
		padding-top: 30px;
		padding-bottom: 35px;
	}
	.about-image{
		height: 350px;
	}
	.about-image h1{
		font-size: 30px;
		line-height: 37px;
	}
	.about-image a{
		font-size: 15px;
		line-height: 22px;
		margin-top: 20px;
	}
	.about-content{
	 	padding-bottom: 50px;
	}
	.about-text-content {
	  	margin-top: 75px;
	}
	.about-text-content h2{
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 20px;
	}
	.about-text-content h2::after{
		margin-top: 10px;
	}
	.about-text-content p{
		font-size: 13px;
		line-height: 20px;
	}
	.progress-circle strong{
		font-size: 17px;
		line-height: 24px;
	}
	.progress-circle-wrap{
		margin-top: 80px;
	}
	.progress-circle-slider.owl-theme .owl-controls{
		display: block;		
	}
	.services-content{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.services-content-item{
		margin-bottom: 25px;
		margin-left: 25%;
		margin-right: 25%;
		padding-bottom: 0px;
	}
	.services-content-image span{
		font-size: 45px;
		line-height: 52px;
	}
	.services-content-name{
		font-size: 16px;
		line-height: 23px;
	}
	.services-content-text p{
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
	}
	.mini-portfolio-item-overlay .overlay-text p{
		padding: 7px 15px;
	}
	.testimonial{
		padding-top: 100px;
		padding-bottom: 25px;
	}
	.testimonial-text h4{
		font-size: 16px;
		line-height: 23px;
	}
	.testimonial-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.testimonial-image{
		margin-right: 0px
	}
	.testimonial-slider .testimonial-image img{
		width: 100%;
		margin-left: 0%;
	}
	.team-text{
		margin-left: 10%;
		padding: 0px 10px;
		padding-left: 0px;
	}
	.team-text h3{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 05px;
	}
	.team-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.team .social-icons{
		font-size: 21px;
		line-height: 28px;
		margin-top: 10px;
	}
	.team-image{
		margin-right: 10%;
	}
	.team-info {
	  	left: 40%;
	  	bottom: 15%;
	}
	.team-info span {
	    font-size: 30px;
	    line-height: 37px;
	}
	.shuffle__sizer{
		width: 47%;
		margin-left: 3%;
	}
	.portfolio-filter-nav {
  		margin-bottom: 25px;
	}
	.blog-slider{
		padding: 0 3%;
	}
	.blog-slider.owl-theme .owl-controls{
		display: block;
	}
	.contact-content-item-icon div:first-child{
		width: 50px;
		height: 50px;
		margin-bottom: 25px;
	}
	.contact-content-item-icon div:last-child{
		width: 50px;
		height: 50px;
	}
	.contact-content-item-icon div:first-child span{
		font-size: 30px;
	  	line-height: 37px;
	  	padding-top: 6px;
	}
	.contact-content-item-icon div:last-child span{
		font-size: 30px;
	  	line-height: 37px;
	  	padding-top: 6px;
	}
	.contact-content-item h3{
		font-size: 19px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.contact-content-item h3::after{
		margin-top: 10px;
	}
	.contact-content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contact-content-item p{
		font-size: 12px;
		line-height: 19px;
	}
	.contact-form-trigger{
		font-size: 11px;
		line-height: 18px;
		padding: 8px 15px;
	}
	.contact-form {
  		width: 350px;
  		height: 330px;
  		padding: 0px 60px;
	}
	.footer{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.footer .social-icons span{
		font-size: 18px;
		line-height: 25px;
		width: 32px;
		height: 32px;
	}
	.inner-page-header h1 {
  		font-size: 18px;
  		line-height: 25px;
  	}
  	.inner-page-header{
  		padding-top: 90px;
  	}
  	.page-header-bottom-content {
	  	margin-top: 40px;
	}
	.comments ul li p{
		font-size: 13px;
  		line-height: 20px;
	}
	.comment-count{
		font-size: 21px;
  		line-height: 28px;
	}
	.respond h3{
		font-size: 21px;
  		line-height: 28px;
	}
	.blog-post-path{
		text-align: left;
		margin-top: 5px;
	}
	.blog-post p{
		font-size: 13px;
  		line-height: 20px;
	}
	.blog-post-share .social-icons{
		text-align: left;
		margin-top: 5px;
	}
	.respond input[type="submit"]{
		padding: 7px 10px;
		font-size: 12px;
		line-height: 19px;
	}
	.project-text-content {
	  	margin-top: 50px;
	  	margin-bottom: 50px;
	}	
	.project-text-content h1 {
  		font-size: 22px;
  		line-height: 29px;
  	}	
  	.more-projects h3{
  		font-size: 22px;
  		line-height: 29px;
  	}
  	.more-projects-item{
  		padding: 0 20%;
  		margin-bottom: 35px;
  	}
  	.single-project-slider .owl-controls{
  		display: none;
  	}
  	.footer-innerpage{
  		padding: 70px 0px;
  	}
  	.error-page h1 {
	  	font-size: 55px;
	  	line-height: 62px;
	  	margin-bottom: 5px;
	 } 
	
}


/*Medium Smart Phones v2*/
@media (min-width: 641px) and (max-width: 667px) {
	.container{
		max-width: 610px;
	}
	.main-header{
		display: none;
	}
	.mobile-nav{
		display: block;
	}
	svg.slant-top{
		height: 80px;
		width: 101%;
	}
	svg.slant-bottom{
		height: 80px;
		width: 101%;
	}
	.section-header{
		padding-top: 125px;
		padding-bottom: 100px;
	}
	.section-header-special{
		padding-top: 80px;
		padding-bottom: 120px;
	}
	.section-header-name{
		font-size: 16px;
		line-height: 23px;
	}
	.section-header-text {
  		font-size: 18px;
  		line-height: 25px;
  		margin-top: 10px;
	}
	.menu-panel ul li a.main-link {
  		font-size: 20px;
  		line-height: 45px;
  		letter-spacing: 5px;
  		padding: 5px 10px;
  		padding-left: 15px;
  	}
	.home01 .twitter-image i {
	  	font-size: 25px;
	  	line-height: 32px;
	  	padding: 6px 9px;
	}
	.home01 .tweet_list li{
		padding: 0% 10%;
	}
	.home01 .tweet_text{
		font-size: 25px;
		line-height: 32px;
	}
	.home01 .tweet_text a{
		font-size: 20px;
  		line-height: 27px;
	}
	.home01 .twitter-handle{
		font-size: 20px;
		line-height: 27px;
	}
	.home02-text{
		padding-left: 10%;
	}
	.home02-text h4{
  		font-size: 13px;
  		line-height: 20px;
  		letter-spacing: 10px;
  		padding-right: 10px;
  		padding-left: 20px;
	}
	.home02-text h1 a {
  		font-size: 70px;
  		line-height: 77px;
  	}
  	.home02-slider .owl-item.active .home02-text .cap-text-1, .home02-slider .owl-item.active .home02-text .cap-text-2{
		padding-left: 8%;
	}
	.home02-slider .owl-controls{
		display: none !important;
	}
	.home03-text{
		height: 80px;
	}
	.home03-text h1 {
	  	font-size: 25px;
	  	line-height: 32px;
	  	padding: 7px 15px;
	}
	.home03-text h3 {
  		font-size: 13px;
  		line-height: 21px;
  		letter-spacing: 10px;
  		padding-left: 10px;
  	}	
  	.home03-slider .owl-controls{
		display: none !important;
	}
	.home04-text h1{
	  	font-size: 55px;
	  	line-height: 62px;
	}
	.home05-slider-wrap{
		width: 300px;
		height: 300px;
	}
	.home05 #progressbar{
		width: 320px;
		height: 320px;
	}
	.home05-text h1{
		font-size: 20px;
	  	line-height: 27px;
	  	padding: 0px 15px;
	  	padding-left: 17px;
	}
	.home05-text .button{
		font-size: 13px;
		line-height: 20px;
		padding: 6px 12px;
	}
	.home06-text h1 {
 	 	font-size: 30px;
  		line-height: 37px;
  		margin-top: 20px;
  		margin-bottom: 25px;
	}
	.home06-text h4{
 	 	font-size: 15px;
  		line-height: 22px;
	}
	.home06-text .button{
		font-size: 13px;
		line-height: 20px;
		padding: 5px 10px;
	}
	.home07-text01, .home07-text02{
		width: 60%;
	}
	.home07-text01 h5 {
  		font-size: 14px;
  		line-height: 21px;
  		letter-spacing: 12px;
  		padding: 5px 15px;
  		padding-left: 27px;
  	}	
	.home07-text02 span {
  		font-size: 22px;
  		line-height: 25px;
	}
	.home07-text02 a{
		font-size: 20px;
  		line-height: 27px;
	}
	.home08-text h5 {
  		font-size: 25px;
  		line-height: 32px;
  		letter-spacing: 8px;
  		padding-left: 8px;
 	} 
 	@-webkit-keyframes spacing {

	100% {
   		 letter-spacing: 30px;
   		 padding-left: 30px;
		}		
	}
	@-moz-keyframes spacing {

		100% {
	   		 letter-spacing: 30px;
	   		 padding-left: 30px;
			}		
	}
	@keyframes spacing {

		100% {
	   		 letter-spacing: 30px;
	   		 padding-left: 30px;
			}		
	}
	.home09-text span {
	  	font-size: 95px;
	  	line-height: 102px;
	}
	.home09-text p {
  		font-size: 15px;
  		line-height: 22px;
  		letter-spacing: 8px;
  		padding: 4px 12px;
  		padding-left: 20px;
  	}
  	.home09-slider.owl-theme .owl-controls .owl-nav .owl-prev{
	  	left: 20%;
	}
	.home09-slider.owl-theme .owl-controls .owl-nav .owl-next{
	  	right: 20%;
	}
	.home10-text-content .button {
  		font-size: 13px;
  		line-height: 20px;
 		padding: 8px 13px;
 	}	
	.about-content{
		padding-top: 30px;
		padding-bottom: 35px;
	}
	.about-image{
		height: 300px;
	}
	.about-image h1{
		font-size: 30px;
		line-height: 37px;
	}
	.about-image a{
		font-size: 15px;
		line-height: 22px;
		margin-top: 20px;
	}
	.about-content{
	 	padding-bottom: 50px;
	}
	.about-text-content {
	  	margin-top: 75px;
	}
	.about-text-content h2{
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 20px;
	}
	.about-text-content h2::after{
		margin-top: 10px;
	}
	.about-text-content p{
		font-size: 13px;
		line-height: 20px;
	}
	.progress-circle strong{
		font-size: 17px;
		line-height: 24px;
	}
	.progress-circle-wrap{
		margin-top: 80px;
	}
	.progress-circle-slider.owl-theme .owl-controls{
		display: block;		
	}
	.services-content{
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.services-content-item{
		margin-bottom: 25px;
		margin-left: 18%;
		margin-right: 18%;
		padding-bottom: 0px;
	}
	.services-content-image span{
		font-size: 45px;
		line-height: 52px;
	}
	.services-content-name{
		font-size: 16px;
		line-height: 23px;
	}
	.services-content-text p{
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
	}
	.mini-portfolio-item-overlay .overlay-text p{
		padding: 7px 15px;
	}
	.testimonial{
		padding-top: 100px;
		padding-bottom: 25px;
	}
	.testimonial-text h4{
		font-size: 16px;
		line-height: 23px;
	}
	.testimonial-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.testimonial-image{
		margin-right: 0px
	}
	.testimonial-slider .testimonial-image img{
		width: 100%;
		margin-left: 0%;
	}
	.team-text{
		margin-left: 10%;
		padding: 0px 10px;
		padding-left: 0px;
	}
	.team-text h3{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 05px;
	}
	.team-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.team .social-icons{
		font-size: 21px;
		line-height: 28px;
		margin-top: 10px;
	}
	.team-image{
		margin-right: 10%;
	}
	.team-info {
	  	left: 40%;
	  	bottom: 15%;
	}
	.team-info span {
	    font-size: 30px;
	    line-height: 37px;
	}
	.shuffle__sizer{
		width: 47%;
		margin-left: 3%;
	}
	.portfolio-filter-nav {
  		margin-bottom: 25px;
	}
	.blog-slider{
		padding: 0 3%;
	}
	.blog-text{
		padding: 0px 25px;
	}
	.blog-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.blog-slider.owl-theme .owl-controls{
		display: block;
	}
	.contact-content-item-icon div:first-child{
		width: 50px;
		height: 50px;
		margin-bottom: 25px;
	}
	.contact-content-item-icon div:last-child{
		width: 50px;
		height: 50px;
	}
	.contact-content-item-icon div:first-child span{
		font-size: 30px;
	  	line-height: 37px;
	  	padding-top: 6px;
	}
	.contact-content-item-icon div:last-child span{
		font-size: 30px;
	  	line-height: 37px;
	  	padding-top: 6px;
	}
	.contact-content-item h3{
		font-size: 19px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.contact-content-item h3::after{
		margin-top: 10px;
	}
	.contact-content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contact-content-item p{
		font-size: 12px;
		line-height: 19px;
	}
	.contact-form-trigger{
		font-size: 11px;
		line-height: 18px;
		padding: 8px 15px;
	}
	.contact-form {
  		width: 350px;
  		height: 330px;
  		padding: 0px 60px;
	}
	.footer{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.footer .social-icons span{
		font-size: 18px;
		line-height: 25px;
		width: 32px;
		height: 32px;
	}
		.inner-page-header h1 {
  		font-size: 18px;
  		line-height: 25px;
  	}
  	.inner-page-header{
  		padding-top: 90px;
  	}
  	.page-header-bottom-content {
	  	margin-top: 40px;
	}
	.comments ul li p{
		font-size: 13px;
  		line-height: 20px;
	}
	.comment-count{
		font-size: 21px;
  		line-height: 28px;
	}
	.respond h3{
		font-size: 21px;
  		line-height: 28px;
	}
	.blog-post-path{
		text-align: left;
		margin-top: 5px;
	}
	.blog-post p{
		font-size: 13px;
  		line-height: 20px;
	}
	.blog-post-share .social-icons{
		text-align: left;
		margin-top: 5px;
	}
	.respond input[type="submit"]{
		padding: 7px 10px;
		font-size: 12px;
		line-height: 19px;
	}
	.project-text-content {
	  	margin-top: 50px;
	  	margin-bottom: 50px;
	}	
	.project-text-content h1 {
  		font-size: 22px;
  		line-height: 29px;
  	}	
  	.more-projects h3{
  		font-size: 22px;
  		line-height: 29px;
  	}
  	.more-projects-item{
  		padding: 0 20%;
  		margin-bottom: 35px;
  	}
  	.single-project-slider .owl-controls{
  		display: none;
  	}
  	.footer-innerpage{
  		padding: 70px 0px;
  	}
  	.error-page h1 {
	  	font-size: 50px;
	  	line-height: 57px;
	  	margin-bottom: 5px;
	 } 
	 .error-page p {
  		font-size: 16px;
  		line-height: 23px;
	}
	

}


/*Medium Smart Phones v2*/
@media (min-width: 601px) and (max-width: 640px) {
	.container{
		max-width: 580px;
	}
	.main-header{
		display: none;
	}
	.mobile-nav{
		display: block;
	}
	svg.slant-top{
		height: 80px;
		width: 103%;
	}
	svg.slant-bottom{
		height: 80px;
		width: 103%;
	}
	.section-header{
		padding-top: 125px;
		padding-bottom: 100px;
	}
	.section-header-special{
		padding-top: 80px;
		padding-bottom: 120px;
	}
	.section-header-name{
		font-size: 15px;
		line-height: 22px;
	}
	.section-header-text {
  		font-size: 18px;
  		line-height: 25px;
  		margin-top: 10px;
	}
	.menu-panel ul li a.main-link {
  		font-size: 20px;
  		line-height: 40px;
  		letter-spacing: 5px;
  		padding: 5px 10px;
  		padding-left: 15px;
  	}
	.home01 .twitter-image i {
	  	font-size: 22px;
	  	line-height: 29px;
	  	padding: 6px 9px;
	}
	.home01 .tweet_list li{
		padding: 0% 10%;
	}
	.home01 .tweet_text{
		font-size: 21px;
		line-height: 28px;
	}
	.home01 .tweet_text a{
		font-size: 18px;
  		line-height: 25px;
	}
	.home01 .tweet_time a {
	  	font-size: 14px;
	  	line-height: 21px;
	}
	.home01 .twitter-handle{
		font-size: 18px;
		line-height: 25px;
	}
	.home02-text{
		padding-left: 10%;
	}
	.home02-text h4{
  		font-size: 13px;
  		line-height: 20px;
  		letter-spacing: 10px;
  		padding-right: 10px;
  		padding-left: 20px;
	}
	.home02-text h1 a {
  		font-size: 65px;
  		line-height: 72px;
  	}
  	.home02-slider .owl-item.active .home02-text .cap-text-1, .home02-slider .owl-item.active .home02-text .cap-text-2{
		padding-left: 8%;
	}
	.home02-slider .owl-controls{
		display: none !important;
	}
	.home03-text{
		height: 80px;
	}
	.home03-text h1 {
	  	font-size: 25px;
	  	line-height: 32px;
	  	padding: 7px 15px;
	}
	.home03-text h3 {
  		font-size: 13px;
  		line-height: 21px;
  		letter-spacing: 10px;
  		padding-left: 10px;
  	}	
  	.home03-slider .owl-controls{
		display: none !important;
	}
	.home04{
		padding-left: 5%;
	}
	.home04-text h1{
	  	font-size: 45px;
	  	line-height: 52px;
	}	
	.home05-slider-wrap{
		width: 300px;
		height: 300px;
	}
	.home05 #progressbar{
		width: 320px;
		height: 320px;
	}
	.home05-text h1{
		font-size: 20px;
	  	line-height: 27px;
	  	padding: 0px 15px;
	  	padding-left: 17px;
	}
	.home05-text .button{
		font-size: 13px;
		line-height: 20px;
		padding: 6px 12px;
	}
	.home06-text h1 {
 	 	font-size: 25px;
  		line-height: 32px;
  		margin-top: 15px;
  		margin-bottom: 20px;
	}
	.home06-text h4{
 	 	font-size: 15px;
  		line-height: 22px;
	}
	.home06-text .button{
		font-size: 13px;
		line-height: 20px;
		padding: 5px 10px;
	}
	.home07-text01, .home07-text02{
		width: 60%;
	}
	.home07-text01 h5 {
  		font-size: 14px;
  		line-height: 21px;
  		letter-spacing: 10px;
  		padding: 4px 10px;
  		padding-left: 20px;
  	}	
	.home07-text02 span {
  		font-size: 20px;
  		line-height: 27px;
	}
	.home07-text02 a{
		font-size: 16px;
  		line-height: 23px;
	}
	.home08-text h5 {
  		font-size: 22px;
  		line-height: 29px;
  		letter-spacing: 8px;
  		padding-left: 8px;
 	} 
 	@-webkit-keyframes spacing {

	100% {
   		 letter-spacing: 30px;
   		 padding-left: 30px;
		}		
	}
	@-moz-keyframes spacing {

		100% {
	   		 letter-spacing: 30px;
	   		 padding-left: 30px;
			}		
	}
	@keyframes spacing {

		100% {
	   		 letter-spacing: 30px;
	   		 padding-left: 30px;
			}		
	}
	.home09-text span {
	  	font-size: 95px;
	  	line-height: 102px;
	}
	.home09-text p {
  		font-size: 15px;
  		line-height: 22px;
  		letter-spacing: 8px;
  		padding: 4px 12px;
  		padding-left: 20px;
  	}
  	.home09-slider.owl-theme .owl-controls .owl-nav .owl-prev{
	  	left: 20%;
	}
	.home09-slider.owl-theme .owl-controls .owl-nav .owl-next{
	  	right: 20%;
	}
	.home10-text-content .button {
  		font-size: 13px;
  		line-height: 20px;
 		padding: 8px 13px;
 	}
	.about-content{
		padding-top: 30px;
		padding-bottom: 35px;
	}
	.about-image{
		height: 300px;
	}
	.about-image h1{
		font-size: 27px;
		line-height: 34px;
	}
	.about-image a{
		font-size: 15px;
		line-height: 22px;
		margin-top: 10px;
	}
	.about-content{
	 	padding-bottom: 50px;
	}
	.about-text-content {
	  	margin-top: 75px;
	}
	.about-text-content h2{
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 10px;
	}
	.about-text-content h2::after{
		margin-top: 10px;
		height: 3px;
	}
	.about-text-content p{
		font-size: 13px;
		line-height: 20px;
	}
	.progress-circle strong{
		font-size: 17px;
		line-height: 24px;
	}
	.progress-circle-wrap{
		margin-top: 80px;
	}
	.progress-circle-slider.owl-theme .owl-controls{
		display: block;		
	}
	.services-content{
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.services-content-item{
		margin-bottom: 25px;
		margin-left: 10%;
		margin-right: 10%;
		padding-bottom: 0px;
	}
	.services-content-image span{
		font-size: 45px;
		line-height: 52px;
	}
	.services-content-name{
		font-size: 16px;
		line-height: 23px;
	}
	.services-content-text p{
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
	}
	.mini-portfolio-item-overlay .overlay-text p{
		padding: 7px 15px;
	}
	.testimonial{
		padding-top: 100px;
		padding-bottom: 25px;
	}
	.testimonial-text h4{
		font-size: 16px;
		line-height: 23px;
	}
	.testimonial-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.testimonial-image{
		margin-right: 0px
	}
	.testimonial-slider .testimonial-image img{
		width: 100%;
		margin-left: 0%;
	}
	/*.team{
		padding-bottom: 40px;
	}*/
	.team-text{
		margin-left: 10%;
		padding: 0px 10px;
		padding-left: 0px;
	}
	.team-text h3{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 05px;
	}
	.team-text p{
		font-size: 12px;
		line-height: 17px;
	}
	.team .social-icons{
		font-size: 21px;
		line-height: 28px;
		margin-top: 10px;
	}
	.team-image{
		margin-right: 10%;
	}
	.team-info {
	  	left: 40%;
	  	bottom: 15%;
	}
	.team-info span {
	    font-size: 30px;
	    line-height: 37px;
	}
	.shuffle__sizer{
		width: 47%;
		margin-left: 3%;
	}
	.portfolio-filter-nav {
  		margin-bottom: 25px;
	}
	.blog-slider{
		padding: 0 3%;
	}
	.blog-text{
		padding: 0px 15px;
	}
	.blog-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.trigger-wrap{
		padding: 15px;
	}
	.blog-slider.owl-theme .owl-controls{
		display: block;
	}
	.contact-content-item-icon div:first-child{
		width: 50px;
		height: 50px;
		margin-bottom: 25px;
	}
	.contact-content-item-icon div:last-child{
		width: 50px;
		height: 50px;
	}
	.contact-content-item-icon div:first-child span{
		font-size: 30px;
	  	line-height: 37px;
	  	padding-top: 6px;
	}
	.contact-content-item-icon div:last-child span{
		font-size: 30px;
	  	line-height: 37px;
	  	padding-top: 6px;
	}
	.contact-content-item h3{
		font-size: 19px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.contact-content-item h3::after{
		margin-top: 10px;
	}
	.contact-content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contact-content-item p{
		font-size: 12px;
		line-height: 19px;
	}
	.contact-form-trigger{
		font-size: 11px;
		line-height: 18px;
		padding: 8px 15px;
	}
	.contact-form {
  		width: 320px;
  		height: 300px;
  		padding: 0px 40px;
	}
	.footer{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.footer .social-icons span{
		font-size: 18px;
		line-height: 25px;
		width: 32px;
		height: 32px;
	}
	.inner-page-header h1 {
  		font-size: 18px;
  		line-height: 25px;
  	}
  	.inner-page-header{
  		padding-top: 90px;
  	}
  	.page-header-bottom-content {
	  	margin-top: 40px;
	}
	.comments ul li p{
		font-size: 13px;
  		line-height: 20px;
	}
	.comment-count{
		font-size: 21px;
  		line-height: 28px;
	}
	.respond h3{
		font-size: 21px;
  		line-height: 28px;
	}
	.blog-post-path{
		text-align: left;
		margin-top: 5px;
	}
	.blog-post p{
		font-size: 13px;
  		line-height: 20px;
	}
	.blog-post-share .social-icons{
		text-align: left;
		margin-top: 5px;
	}
	.respond input[type="submit"]{
		padding: 7px 10px;
		font-size: 12px;
		line-height: 19px;
	}
	.project-text-content {
	  	margin-top: 50px;
	  	margin-bottom: 50px;
	}	
	.project-text-content h1 {
  		font-size: 22px;
  		line-height: 29px;
  	}	
  	.more-projects h3{
  		font-size: 22px;
  		line-height: 29px;
  	}
  	.more-projects-item{
  		padding: 0 20%;
  		margin-bottom: 35px;
  	}
  	.single-project-slider .owl-controls{
  		display: none;
  	}
  	.footer-innerpage{
  		padding: 60px 0px;
  	}
  	.error-page h1 {
	  	font-size: 50px;
	  	line-height: 57px;
	  	margin-bottom: 5px;
	 } 
	 .error-page p {
  		font-size: 16px;
  		line-height: 23px;
	}

} 


/*Google Nexus and Other Large Smart Phones v1*/
@media (min-width: 481px) and (max-width: 600px) {
	.container{
		max-width: 460px;
	}
	.main-header{
		display: none;
	}
	.mobile-nav{
		display: block;
	}
	svg.slant-top{
		height: 80px;
		width: 103%;
	}
	svg.slant-bottom{
		height: 80px;
		width: 103%;
	}
	.section-header{
		padding-top: 115px;
		padding-bottom: 90px;
	}
	.section-header-special{
		padding-top: 70px;
		padding-bottom: 110px;
	}
	.section-header-name{
		font-size: 15px;
		line-height: 22px;
	}
	.section-header-text {
  		font-size: 18px;
  		line-height: 25px;
  		margin-top: 10px;
	}
	.menu-panel ul li a.main-link {
  		font-size: 20px;
  		line-height: 40px;
  		letter-spacing: 5px;
  		padding: 5px 10px;
  		padding-left: 15px;
  	}
	.home01 .twitter-image i {
	  	font-size: 22px;
	  	line-height: 29px;
	  	padding: 6px 9px;
	}
	.home01 .tweet_list li{
		padding: 0%;
	}
	.home01 .tweet_text{
		font-size: 21px;
		line-height: 28px;
	}
	.home01 .tweet_text a{
		font-size: 18px;
  		line-height: 25px;
	}
	.home01 .tweet_time a {
	  	font-size: 14px;
	  	line-height: 21px;
	}
	.home01 .twitter-handle{
		font-size: 18px;
		line-height: 25px;
	}
	.home02-text{
		padding-left: 15%;
	}
	.home02-text h4{
  		font-size: 12px;
  		line-height: 19px;
  		letter-spacing: 7px;
  		padding-right: 8px;
  		padding-left: 15px;
	}
	.home02-text h1 a {
  		font-size: 60px;
  		line-height: 67px;
  	}
  	.home02-slider .owl-item.active .home02-text .cap-text-1, .home02-slider .owl-item.active .home02-text .cap-text-2{
		padding-left: 10%;
	}
	.home02-slider .owl-controls{
		display: none !important;
	}
	.home03-text{
		height: 80px;
	}
	.home03-text h1 {
	  	font-size: 25px;
	  	line-height: 32px;
	  	padding: 7px 15px;
	}
	.home03-text h3 {
  		font-size: 13px;
  		line-height: 21px;
  		letter-spacing: 10px;
  		padding-left: 10px;
  	}	
  	.home03-slider .owl-controls{
		display: none !important;
	}
	.home04{
		padding-left: 5%;
	}
	.home04-text h1{
	  	font-size: 40px;
	  	line-height: 47px;
	}
	.home05-slider-wrap{
		width: 280px;
		height: 280px;
	}
	.home05 #progressbar{
		width: 296px;
		height: 296px;
	}
	.home05-text h1{
		font-size: 18px;
	  	line-height: 25px;
	  	padding: 0px 15px;
	  	padding-left: 17px;
	}
	.home05-text .button{
		font-size: 13px;
		line-height: 20px;
		padding: 5px 10px;
	}
	.home05-text h4{
		font-size: 13px;
		line-height: 20px;
	}
	.home06-text h1 {
 	 	font-size: 25px;
  		line-height: 32px;
  		margin-top: 15px;
  		margin-bottom: 20px;
	}
	.home06-text h4{
 	 	font-size: 15px;
  		line-height: 22px;
	}
	.home06-text .button{
		font-size: 13px;
		line-height: 20px;
		padding: 5px 10px;
	}
	.home07-text01, .home07-text02{
		width: 60%;
	}
	.home07-text01 h5 {
  		font-size: 14px;
  		line-height: 21px;
  		letter-spacing: 10px;
  		padding: 4px 10px;
  		padding-left: 20px;
  	}	
	.home07-text02 span {
  		font-size: 20px;
  		line-height: 27px;
	}
	.home07-text02 a{
		font-size: 16px;
  		line-height: 23px;
	}
	.home08-text h5 {
  		font-size: 22px;
  		line-height: 29px;
  		letter-spacing: 8px;
  		padding-left: 8px;
 	} 
 	@-webkit-keyframes spacing {

	100% {
   		 letter-spacing: 30px;
   		 padding-left: 30px;
		}		
	}
	@-moz-keyframes spacing {

		100% {
	   		 letter-spacing: 30px;
	   		 padding-left: 30px;
			}		
	}
	@keyframes spacing {

		100% {
	   		 letter-spacing: 30px;
	   		 padding-left: 30px;
			}		
	}
	.home09-text span {
	  	font-size: 95px;
	  	line-height: 102px;
	}
	.home09-text p {
  		font-size: 13px;
  		line-height: 20px;
  		letter-spacing: 6px;
  		padding: 4px 8px;
  		padding-left: 14px;
  		margin-top: 15px;
  	}
  	.home09-slider.owl-theme .owl-controls .owl-nav .owl-prev{
	  	left: 10%;
	}
	.home09-slider.owl-theme .owl-controls .owl-nav .owl-next{
	  	right: 10%;
	}
	.home10-text-content .button {
  		font-size: 13px;
  		line-height: 20px;
 		padding: 7px 12px;
 	}
	.about-content{
		padding-top: 30px;
		padding-bottom: 35px;
	}
	.about-image{
		height: 300px;
	}
	.about-image h1{
		font-size: 25px;
		line-height: 32px;
	}
	.about-image a{
		font-size: 15px;
		line-height: 22px;
		margin-top: 15px;
	}
	.about-content{
	 	padding-bottom: 50px;
	}
	.about-text-content {
	  	margin-top: 75px;
	}
	.about-text-content h2{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	.about-text-content h2::after{
		margin-top: 10px;
		height: 3px;
	}
	.about-text-content p{
		font-size: 13px;
		line-height: 20px;
	}
	.progress-circle strong{
		font-size: 17px;
		line-height: 24px;
	}
	.progress-circle-wrap{
		margin-top: 80px;
	}
	.progress-circle-slider.owl-theme .owl-controls{
		display: block;		
	}
	.services-content{
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.services-content-item{
		margin-bottom: 25px;
		margin-left: 10%;
		margin-right: 10%;
		padding-bottom: 0px;
	}
	.services-content-image span{
		font-size: 45px;
		line-height: 52px;
	}
	.services-content-name{
		font-size: 16px;
		line-height: 23px;
	}
	.services-content-text p{
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
	}
	.mini-portfolio-item-overlay .overlay-text p{
		padding: 7px 15px;
	}
	.testimonial{
		padding-top: 100px;
		padding-bottom: 25px;
	}
	.testimonial-text h4{
		font-size: 16px;
		line-height: 23px;
	}
	.testimonial-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.testimonial-image{
		margin-right: 0px
	}
	.testimonial-slider .testimonial-image img{
		width: 100%;
		margin-left: 0%;
	}
	.testimonial-slider.owl-carousel .owl-item .col-xs-3{
		width: 100%;
	}
	.testimonial-slider .testimonial-image img{
		width: 35%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.testimonial-slider.owl-carousel .owl-item .col-xs-9{
		width: 100%;
		text-align: center;
	}
	.testimonial-text{
		height: 150px;
	}
	.testimonial-text h4:after{
		display: none;
	}
	.team-text{
		margin-left: 10%;
		padding: 0px;
		padding-left: 0px;
	}
	.team-text h3{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 05px;
	}
	.team-text p{
		font-size: 12px;
		line-height: 17px;
	}
	.team .social-icons{
		font-size: 21px;
		line-height: 28px;
		margin-top: 10px;
	}
	.team-image{
		margin-right: 0%;
	}
	.team-info {
	  	left: 40%;
	  	bottom: 15%;
	}
	.team-info span {
	    font-size: 22px;
	    line-height: 29px;
	}
	.shuffle__sizer{
		width: 47%;
		margin-left: 3%;
	}
	.portfolio-filter-nav {
  		margin-bottom: 25px;
	}
	.blog-slider{
		padding: 0 3%;
	}
	.blog-item{
		margin: 0 20%;
	}
	.blog-text{
		padding: 0px 20px;
	}
	.blog-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.trigger-wrap{
		padding: 15px;
	}
	.blog-slider.owl-theme .owl-controls{
		display: block;
	}
	.contact-content .col-xs-4{
		width: 100%;
		margin-bottom: 40px;
	}
	.contact-content-item-icon div:first-child{
		width: 50px;
		height: 50px;
		margin-bottom: 25px;
	}
	.contact-content-item-icon div:last-child{
		width: 50px;
		height: 50px;
	}
	.contact-content-item-icon div:first-child span{
		font-size: 30px;
	  	line-height: 37px;
	  	padding-top: 6px;
	}
	.contact-content-item-icon div:last-child span{
		font-size: 30px;
	  	line-height: 37px;
	  	padding-top: 6px;
	}
	.contact-content-item h3{
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 7px;
	}
	.contact-content-item h3::after{
		margin-top: 7px;
		width: 20%;
	}
	.contact-content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contact-content-item p{
		font-size: 13px;
		line-height: 20px;
	}
	.contact-form-trigger{
		font-size: 11px;
		line-height: 18px;
		padding: 8px 15px;
	}
	.contact-form {
  		width: 320px;
  		height: 300px;
  		padding: 0px 40px;
	}
	.footer{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.footer .social-icons span{
		font-size: 18px;
		line-height: 25px;
		width: 32px;
		height: 32px;
	}
	.inner-page-header h1 {
  		font-size: 16px;
  		line-height: 23px;
  	}
  	.inner-page-header{
  		padding-top: 90px;
  	}
  	.inner-page-header h4{
  		font-size: 17px;
  		line-height: 24px;
  	}
  	.page-header-bottom-content {
	  	margin-top: 40px;
	}
	.blog-post-details p {
	  	font-size: 12px;
	  	line-height: 19px;
	}
	.inner-page-navigation {
  		font-size: 12px;
  		line-height: 19px;
  	}	
	.comments ul li p{
		font-size: 13px;
  		line-height: 20px;
	}
	.comment-count{
		font-size: 21px;
  		line-height: 28px;
	}
	.respond h3{
		font-size: 21px;
  		line-height: 28px;
	}
	.blog-post-path{
		text-align: left;
		margin-top: 5px;
	}
	.blog-post p{
		font-size: 13px;
  		line-height: 20px;
	}
	.blog-post-share .social-icons{
		text-align: left;
		margin-top: 5px;
	}
	.commentlists .comment &gt; div{
		padding-bottom: 50px;
	}
	.comment-reply{
		top: auto;
		bottom: 20px;
	}
	.respond{
		margin-bottom: 10px;
	}
	.respond input[type="submit"]{
		padding: 7px 10px;
		font-size: 12px;
		line-height: 19px;
	}
	.project-text-content {
	  	margin-top: 50px;
	  	margin-bottom: 50px;
	}	
	.project-text-content h1 {
  		font-size: 22px;
  		line-height: 29px;
  	}	
  	.more-projects h3{
  		font-size: 22px;
  		line-height: 29px;
  	}
  	.more-projects-item{
  		padding: 0 20%;
  		margin-bottom: 35px;
  	}
  	.single-project-slider .owl-controls{
  		display: none;
  	}
	.footer-innerpage{
  		padding: 60px 0px;
  	}
  	.error-page h1 {
	  	font-size: 45px;
	  	line-height: 52px;
	  	margin-bottom: 5px;
	 } 
	 .error-page p {
  		font-size: 15px;
  		line-height: 22px;
	}
} 


/*iPhone Landscape Mode and Mediium Smart Phones*/
@media (min-width: 415px) and (max-width: 480px) {
	.container{
		max-width: 390px;
	}
	.main-header{
		display: none;
	}
	.mobile-nav{
		display: block;
	}
	svg.slant-top{
		height: 80px;
		width: 103%;
	}
	svg.slant-bottom{
		height: 80px;
		width: 103%;
	}
	.section-header{
		padding-top: 115px;
		padding-bottom: 90px;
	}
	.section-header-special{
		padding-top: 70px;
		padding-bottom: 110px;
	}
	.section-header-name{
		font-size: 15px;
		line-height: 22px;
	}
	.section-header-text {
  		font-size: 18px;
  		line-height: 25px;
  		margin-top: 10px;
	}
	.menu-panel ul li a.main-link {
  		font-size: 18px;
  		line-height: 35px;
  		letter-spacing: 4px;
  		padding: 5px 8px;
  		padding-left: 12px;
  	}
  	.sub-menu-item a{
  		font-size: 16px;
  		line-height: 23px;
  	}
	.home01 .twitter-image i {
	  	font-size: 22px;
	  	line-height: 29px;
	  	padding: 6px 9px;
	}
	.home01 .tweet_list li{
		padding: 0%;
	}
	.home01 .tweet_text{
		font-size: 21px;
		line-height: 28px;
	}
	.home01 .tweet_text a{
		font-size: 18px;
  		line-height: 25px;
	}
	.home01 .tweet_time a {
	  	font-size: 14px;
	  	line-height: 21px;
	}
	.home01 .twitter-handle{
		font-size: 18px;
		line-height: 25px;
	}
	.home02-text{
		padding-left: 10%;
	}
	.home02-text h4{
  		font-size: 12px;
  		line-height: 19px;
  		letter-spacing: 7px;
  		padding-right: 8px;
  		padding-left: 15px;
	}
	.home02-text h1 a {
  		font-size: 55px;
  		line-height: 62px;
  	}
  	.home02-slider .owl-item.active .home02-text .cap-text-1, .home02-slider .owl-item.active .home02-text .cap-text-2{
		padding-left: 10%;
	}
	.home02-slider .owl-controls{
		display: none !important;
	}
	.home03-text{
		height: 70px;
	}
	.home03-text h1 {
	  	font-size: 20px;
	  	line-height: 27px;
	  	padding: 7px 12px;
	}
	.home03-text h3 {
  		font-size: 12px;
  		line-height: 20px;
  		letter-spacing: 8px;
  		padding-left: 8px;
  	}	
  	.home03-slider .owl-controls{
		display: none !important;
	}
	.home04-text{
		padding-left: 5%;
	}
	.home04-text h1{
	  	font-size: 35px;
	  	line-height: 42px;
	}
	.home05-slider-wrap{
		width: 280px;
		height: 280px;
	}
	.home05 #progressbar{
		width: 296px;
		height: 296px;
	}
	.home05-text h1{
		font-size: 18px;
	  	line-height: 25px;
	  	padding: 0px 15px;
	  	padding-left: 17px;
	}
	.home05-text .button{
		font-size: 13px;
		line-height: 20px;
		padding: 5px 10px;
	}
	.home05-text h4{
		font-size: 13px;
		line-height: 20px;
	}
	.home06-text h1 {
 	 	font-size: 25px;
  		line-height: 32px;
  		margin-top: 15px;
  		margin-bottom: 20px;
	}
	.home06-text h4{
 	 	font-size: 15px;
  		line-height: 22px;
	}
	.home06-text .button{
		font-size: 13px;
		line-height: 20px;
		padding: 5px 10px;
	}
	.home07-text01, .home07-text02{
		width: 70%;
	}
	.home07-text01 h5 {
  		font-size: 14px;
  		line-height: 21px;
  		letter-spacing: 10px;
  		padding: 4px 10px;
  		padding-left: 20px;
  	}	
	.home07-text02 span {
  		font-size: 20px;
  		line-height: 27px;
	}
	.home07-text02 a{
		font-size: 16px;
  		line-height: 23px;
	}
	.home08-text h5 {
  		font-size: 20px;
  		line-height: 27px;
  		letter-spacing: 8px;
  		padding-left: 8px;
 	} 
 	@-webkit-keyframes spacing {

	100% {
   		 letter-spacing: 30px;
   		 padding-left: 30px;
		}		
	}
	@-moz-keyframes spacing {

		100% {
	   		 letter-spacing: 30px;
	   		 padding-left: 30px;
			}		
	}
	@keyframes spacing {

		100% {
	   		 letter-spacing: 30px;
	   		 padding-left: 30px;
			}		
	}
	.home09-text span {
	  	font-size: 95px;
	  	line-height: 102px;
	}
	.home09-text p {
  		font-size: 13px;
  		line-height: 20px;
  		letter-spacing: 6px;
  		padding: 4px 8px;
  		padding-left: 14px;
  		margin-top: 10px;
  	}
  	.home09-slider.owl-theme .owl-controls .owl-nav .owl-prev{
	  	left: 10%;
	}
	.home09-slider.owl-theme .owl-controls .owl-nav .owl-next{
	  	right: 10%;
	}
	.home10-text-content .button {
  		font-size: 13px;
  		line-height: 20px;
 		padding: 7px 12px;
 	}
	.about-content{
		padding-top: 30px;
		padding-bottom: 35px;
	}
	.about-image{
		height: 300px;
	}
	.about-image h1{
		font-size: 23px;
		line-height: 30px;
	}
	.about-image a{
		font-size: 15px;
		line-height: 22px;
		margin-top: 15px;
	}
	.about-content{
	 	padding-bottom: 30px;
	}
	.about-text-content {
	  	margin-top: 50px;
	}
	.about-text-content h2{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	.about-text-content h2::after{
		margin-top: 10px;
		height: 3px;
	}
	.about-text-content p{
		font-size: 13px;
		line-height: 20px;
	}
	.progress-circle strong{
		font-size: 17px;
		line-height: 24px;
	}
	.progress-circle-wrap{
		margin-top: 50px;
	}
	.progress-circle-slider.owl-theme .owl-controls{
		display: block;		
	}
	.services-content{
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.services-content-item{
		margin-bottom: 25px;
		margin-left: 0%;
		margin-right: 0%;
		padding-bottom: 0px;
	}
	.services-content-image span{
		font-size: 45px;
		line-height: 52px;
	}
	.services-content-name{
		font-size: 16px;
		line-height: 23px;
	}
	.services-content-text p{
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
	}
	.mini-portfolio-item-overlay .overlay-text p{
		padding: 7px 15px;
	}
	.testimonial{
		padding-top: 60px;
		padding-bottom: 25px;
	}
	.testimonial-text h4{
		font-size: 16px;
		line-height: 23px;
	}
	.testimonial-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.testimonial-image{
		margin-right: 0px
	}
	.testimonial-slider.owl-carousel .owl-item .col-xs-3{
		width: 100%;
	}
	.testimonial-slider .testimonial-image img{
		width: 35%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.testimonial-slider.owl-carousel .owl-item .col-xs-9{
		width: 100%;
		text-align: center;
	}
	.testimonial-text{
		height: 150px;
	}
	.testimonial-text h4:after{
		display: none;
	}
	.team-text{
		text-align: center;
		margin-left: 0px;
		height: 250px;
	}
	.team-text h3{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 05px;
	}
	.team-text p{
		font-size: 12px;
		line-height: 17px;
	}
	.team .social-icons{
		font-size: 21px;
		line-height: 28px;
		margin-top: 10px;
	}
	.team-image{
		margin-left: 10%;
		margin-right: 10%;
	}
	.team-info {
	  	left: 44%;
	  	bottom: 8%;
	}
	.team-info span {
	    font-size: 27px;
	    line-height: 34px;
	}
	.team-slider{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.team-slider .owl-item .col-md-6{
		width: 100%;
	}
	.shuffle__sizer{
		width: 100%;
		margin-left: 0%;
	}
	.portfolio-filter-nav {
  		margin-bottom: 25px;
	}
	.blog-slider{
		padding: 0 3%;
	}
	.blog-item{
		margin: 0 12%;
	}
	.blog-text{
		padding: 0px 20px;
	}
	.blog-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.trigger-wrap{
		padding: 15px;
	}
	.blog-slider.owl-theme .owl-controls{
		display: block;
	}
	.contact-content .col-xs-4{
		width: 100%;
		margin-bottom: 30px;
	}
	.contact-content-item-icon div:first-child{
		width: 50px;
		height: 50px;
		margin-bottom: 25px;
	}
	.contact-content-item-icon div:last-child{
		width: 50px;
		height: 50px;
	}
	.contact-content-item-icon div:first-child span{
		font-size: 30px;
	  	line-height: 37px;
	  	padding-top: 6px;
	}
	.contact-content-item-icon div:last-child span{
		font-size: 30px;
	  	line-height: 37px;
	  	padding-top: 6px;
	}
	.contact-content-item h3{
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 7px;
	}
	.contact-content-item h3::after{
		margin-top: 7px;
		width: 20%;
	}
	.contact-content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contact-content-item p{
		font-size: 13px;
		line-height: 20px;
	}
	.contact-form-trigger{
		font-size: 11px;
		line-height: 18px;
		padding: 8px 15px;
	}
	.contact-form {
  		width: 320px;
  		height: 300px;
  		padding: 0px 40px;
	}
	.footer{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.footer .social-icons span{
		font-size: 18px;
		line-height: 25px;
		width: 32px;
		height: 32px;
	}
		.inner-page-header h1 {
  		font-size: 16px;
  		line-height: 23px;
  	}
  	.inner-page-header{
  		padding-top: 90px;
  	}
  	.inner-page-header h4{
  		font-size: 17px;
  		line-height: 24px;
  	}
  	.page-header-bottom-content {
	  	margin-top: 40px;
	}
	.blog-post-details p {
	  	font-size: 12px;
	  	line-height: 19px;
	}
	.inner-page-navigation {
  		font-size: 12px;
  		line-height: 19px;
  	}	
	.comments ul li p{
		font-size: 13px;
  		line-height: 20px;
	}
	.comment-count{
		font-size: 21px;
  		line-height: 28px;
	}
	.respond h3{
		font-size: 21px;
  		line-height: 28px;
	}
	.blog-post-path{
		text-align: left;
		margin-top: 5px;
	}
	.blog-post p{
		font-size: 13px;
  		line-height: 20px;
	}
	.blog-post-share .social-icons{
		text-align: left;
		margin-top: 5px;
	}
	.commentlists .comment &gt; div{
		padding-bottom: 50px;
	}
	.comment-reply{
		top: auto;
		bottom: 20px;
	}
	.respond{
		margin-bottom: 10px;
	}
	.respond input[type="submit"]{
		padding: 7px 10px;
		font-size: 12px;
		line-height: 19px;
	}
		.project-text-content {
	  	margin-top: 50px;
	  	margin-bottom: 50px;
	}	
	.project-text-content h1 {
  		font-size: 22px;
  		line-height: 29px;
  	}	
  	.more-projects h3{
  		font-size: 22px;
  		line-height: 29px;
  	}
  	.more-projects-item{
  		padding: 0 20%;
  		margin-bottom: 35px;
  	}
  	.single-project-slider .owl-controls{
  		display: none;
  	}
  	.footer-innerpage{
  		padding: 60px 0px;
  	}
	.error-page h1 {
	  	font-size: 45px;
	  	line-height: 52px;
	  	margin-bottom: 5px;
	 } 
	 .error-page p {
  		font-size: 15px;
  		line-height: 22px;
	}
}


/*iPhone Landscape Mode and Mediium Smart Phones*/
@media (min-width: 376px) and (max-width: 414px) {
	.container{
		max-width: 350px;
	}
	.main-header{
		display: none;
	}
	.mobile-nav{
		display: block;
	}
	svg.slant-top{
		height: 80px;
		width: 103%;
	}
	svg.slant-bottom{
		height: 80px;
		width: 103%;
	}
	.section-header{
		padding-top: 115px;
		padding-bottom: 90px;
	}
	.section-header-special{
		padding-top: 70px;
		padding-bottom: 110px;
	}
	.section-header-name{
		font-size: 15px;
		line-height: 22px;
	}
	.section-header-text {
  		font-size: 18px;
  		line-height: 25px;
  		margin-top: 10px;
	}
	.menu-panel ul li a.main-link {
  		font-size: 18px;
  		line-height: 35px;
  		letter-spacing: 4px;
  		padding: 5px 8px;
  		padding-left: 12px;
  	}
  	.sub-menu-item a{
  		font-size: 15px;
  		line-height: 22px;
  	}
	.home01 .twitter-image i {
	  	font-size: 22px;
	  	line-height: 29px;
	  	padding: 6px 9px;
	}
	.home01 .tweet_list li{
		padding: 0%;
	}
	.home01 .tweet_text{
		font-size: 21px;
		line-height: 28px;
	}
	.home01 .tweet_text a{
		font-size: 18px;
  		line-height: 25px;
	}
	.home01 .tweet_time a {
	  	font-size: 14px;
	  	line-height: 21px;
	}
	.home01 .twitter-handle{
		font-size: 18px;
		line-height: 25px;
	}
	.home02-text{
		padding-left: 10%;
	}
	.home02-text h4{
  		font-size: 12px;
  		line-height: 19px;
  		letter-spacing: 7px;
  		padding-right: 8px;
  		padding-left: 15px;
	}
	.home02-text h1 a {
  		font-size: 50px;
  		line-height: 57px;
  	}
  	.home02-slider .owl-item.active .home02-text .cap-text-1, .home02-slider .owl-item.active .home02-text .cap-text-2{
		padding-left: 10%;
	}
	.home02-slider .owl-controls{
		display: none !important;
	}
	.home03-text{
		height: 70px;
	}
	.home03-text h1 {
	  	font-size: 20px;
	  	line-height: 27px;
	  	padding: 7px 12px;
	}
	.home03-text h3 {
  		font-size: 12px;
  		line-height: 20px;
  		letter-spacing: 8px;
  		padding-left: 8px;
  	}	
  	.home03-slider .owl-controls{
		display: none !important;
	}
	.home04-text{
		padding-left: 5%;
	}
	.home04-text h1{
	  	font-size: 35px;
	  	line-height: 42px;
	}
	.home05-slider-wrap{
		width: 280px;
		height: 280px;
	}
	.home05 #progressbar{
		width: 296px;
		height: 296px;
	}
	.home05-text h1{
		font-size: 18px;
	  	line-height: 25px;
	  	padding: 0px 15px;
	  	padding-left: 17px;
	}
	.home05-text .button{
		font-size: 13px;
		line-height: 20px;
		padding: 5px 10px;
	}
	.home05-text h4{
		font-size: 13px;
		line-height: 20px;
	}
	.home06-text h1 {
 	 	font-size: 25px;
  		line-height: 30px;
  		margin-top: 15px;
  		margin-bottom: 20px;
	}
	.home06-text h4{
 	 	font-size: 14px;
  		line-height: 21px;
	}
	.home06-text .button{
		font-size: 12px;
		line-height: 19px;
		padding: 5px 10px;
	}
	.home07-text01, .home07-text02{
		width: 70%;
	}
	.home07-text01 h5 {
  		font-size: 14px;
  		line-height: 21px;
  		letter-spacing: 10px;
  		padding: 4px 10px;
  		padding-left: 20px;
  	}	
	.home07-text02 span {
  		font-size: 20px;
  		line-height: 27px;
	}
	.home07-text02 a{
		font-size: 16px;
  		line-height: 23px;
	}
	.home08-text h5 {
  		font-size: 18px;
  		line-height: 25px;
  		letter-spacing: 6px;
  		padding-left: 6px;
 	} 
 	@-webkit-keyframes spacing {

	100% {
   		 letter-spacing: 25px;
   		 padding-left: 25px;
		}		
	}
	@-moz-keyframes spacing {

		100% {
	   		 letter-spacing: 25px;
	   		 padding-left: 25px;
			}		
	}
	@keyframes spacing {

		100% {
	   		 letter-spacing: 25px;
	   		 padding-left: 25px;
			}		
	}
	.home09-text span {
	  	font-size: 85px;
	  	line-height: 92px;
	}
	.home09-text p {
  		font-size: 13px;
  		line-height: 20px;
  		letter-spacing: 6px;
  		padding: 4px 8px;
  		padding-left: 14px;
  		margin-top: 10px;
  	}
  	.home09-slider.owl-theme .owl-controls .owl-nav .owl-prev{
	  	left: 10%;
	}
	.home09-slider.owl-theme .owl-controls .owl-nav .owl-next{
	  	right: 10%;
	}
	.home10-text-content .button {
  		font-size: 13px;
  		line-height: 20px;
 		padding: 7px 10px;
 	}
	.about-content{
		padding-top: 30px;
		padding-bottom: 35px;
	}
	.about-image{
		height: 300px;
	}
	.about-image h1{
		font-size: 23px;
		line-height: 30px;
	}
	.about-image a{
		font-size: 15px;
		line-height: 22px;
		margin-top: 15px;
	}
	.about-content{
	 	padding-bottom: 30px;
	}
	.about-text-content {
	  	margin-top: 50px;
	}
	.about-text-content h2{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	.about-text-content h2::after{
		margin-top: 10px;
		height: 3px;
	}
	.about-text-content p{
		font-size: 13px;
		line-height: 20px;
	}
	.progress-circle strong{
		font-size: 17px;
		line-height: 24px;
	}
	.progress-circle-wrap{
		margin-top: 50px;
	}
	.progress-circle-slider.owl-theme .owl-controls{
		display: block;		
	}
	.services-content{
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.services-content-item{
		margin-bottom: 25px;
		margin-left: 0%;
		margin-right: 0%;
		padding-bottom: 0px;
	}
	.services-content-image span{
		font-size: 45px;
		line-height: 52px;
	}
	.services-content-name{
		font-size: 16px;
		line-height: 23px;
	}
	.services-content-text p{
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
	}
	.mini-portfolio-item-overlay .overlay-text p{
		padding: 7px 15px;
	}
	.testimonial{
		padding-top: 60px;
		padding-bottom: 25px;
	}
	.testimonial-text h4{
		font-size: 16px;
		line-height: 23px;
	}
	.testimonial-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.testimonial-image{
		margin-right: 0px
	}
	.testimonial-slider.owl-carousel .owl-item .col-xs-3{
		width: 100%;
	}
	.testimonial-slider .testimonial-image img{
		width: 35%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.testimonial-slider.owl-carousel .owl-item .col-xs-9{
		width: 100%;
		text-align: center;
	}
	.testimonial-text{
		height: 150px;
	}
	.testimonial-text h4:after{
		display: none;
	}
	.team-text{
		text-align: center;
		margin-left: 0px;
		height: 250px;
		padding: 50px; 
	}
	.team-text h3{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 05px;
	}
	.team-text p{
		font-size: 12px;
		line-height: 17px;
	}
	.team .social-icons{
		font-size: 21px;
		line-height: 28px;
		margin-top: 10px;
	}
	.team-image{
		margin-left: 10%;
		margin-right: 10%;
	}
	.team-info {
	  	left: 44%;
	  	bottom: 8%;
	}
	.team-info span {
	    font-size: 27px;
	    line-height: 34px;
	}
	.team-slider{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.team-slider .owl-item .col-md-6{
		width: 100%;
	}
	.shuffle__sizer{
		width: 100%;
		margin-left: 0%;
	}
	.portfolio-filter-nav {
  		margin-bottom: 25px;
	}
	.blog-slider{
		padding: 0%;
	}
	.blog-item{
		margin: 0 12%;
	}
	.blog-text{
		padding: 0px 20px;
	}
	.blog-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.trigger-wrap{
		padding: 15px;
	}
	.blog-slider.owl-theme .owl-controls{
		display: block;
	}
	.contact-content .col-xs-4{
		width: 100%;
		margin-bottom: 40px;
	}
	.contact-content-item-icon div:first-child{
		width: 50px;
		height: 50px;
		margin-bottom: 25px;
	}
	.contact-content-item-icon div:last-child{
		width: 50px;
		height: 50px;
	}
	.contact-content-item-icon div:first-child span{
		font-size: 30px;
	  	line-height: 37px;
	  	padding-top: 6px;
	}
	.contact-content-item-icon div:last-child span{
		font-size: 30px;
	  	line-height: 37px;
	  	padding-top: 6px;
	}
	.contact-content-item h3{
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 7px;
	}
	.contact-content-item h3::after{
		margin-top: 7px;
		width: 20%;
	}
	.contact-content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contact-content-item p{
		font-size: 13px;
		line-height: 20px;
	}
	.contact-form-trigger{
		font-size: 11px;
		line-height: 18px;
		padding: 8px 15px;
	}
	.contact-form {
  		width: 300px;
  		height: 280px;
  		padding: 0px 30px;
	}
	.footer{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.footer .social-icons span{
		font-size: 18px;
		line-height: 25px;
		width: 32px;
		height: 32px;
	}
		.inner-page-header h1 {
  		font-size: 16px;
  		line-height: 23px;
  	}
  	.inner-page-header{
  		padding-top: 90px;
  	}
  	.inner-page-header h4{
  		font-size: 17px;
  		line-height: 24px;
  	}
  	.page-header-bottom-content {
	  	margin-top: 40px;
	}
	.blog-post-details p {
	  	font-size: 12px;
	  	line-height: 19px;
	}
	.inner-page-navigation {
  		font-size: 12px;
  		line-height: 19px;
  	}	
	.comments ul li p{
		font-size: 13px;
  		line-height: 20px;
	}
	.comment-count{
		font-size: 21px;
  		line-height: 28px;
	}
	.respond h3{
		font-size: 21px;
  		line-height: 28px;
	}
	.blog-post-path{
		text-align: left;
		margin-top: 5px;
	}
	.blog-post p{
		font-size: 13px;
  		line-height: 20px;
	}
	.blog-post-share .social-icons{
		text-align: left;
		margin-top: 5px;
	}
	.commentlists .comment &gt; div{
		padding-bottom: 50px;
	}
	.comment-reply{
		top: auto;
		bottom: 20px;
	}
	.respond{
		margin-bottom: 10px;
	}
	.respond input[type="submit"]{
		padding: 7px 10px;
		font-size: 12px;
		line-height: 19px;
	}
	.project-text-content {
	  	margin-top: 50px;
	  	margin-bottom: 50px;
	}	
	.project-text-content h1{
  		font-size: 20px;
  		line-height: 27px;
  	}	
  	.more-projects h3{
  		font-size: 20px;
  		line-height: 27px;
  	}
  	.more-projects-item{
  		padding: 0 10%;
  		margin-bottom: 20px;
  	}
  	.single-project-slider .owl-controls{
  		display: none;
  	}
  	.single-project-slider .item01, .single-project-slider .item02, .single-project-slider .item03{
  		height: 300px;
  	}
  	.footer-innerpage{
  		padding: 60px 0px;
  	}
  	.error-page h1 {
	  	font-size: 45px;
	  	line-height: 52px;
	  	margin-bottom: 5px;
	 } 
	 .error-page p {
  		font-size: 15px;
  		line-height: 22px;
	}
	
}


/*iPhone Landscape Mode and Mediium Smart Phones*/
@media (min-width: 361px) and (max-width: 375px) {
	.container{
		max-width: 330px;
	}
	.main-header{
		display: none;
	}
	.mobile-nav{
		display: block;
	}
	svg.slant-top{
		height: 80px;
		width: 103%;
	}
	svg.slant-bottom{
		height: 80px;
		width: 103%;
	}
	.section-header{
		padding-top: 115px;
		padding-bottom: 90px;
	}
	.section-header-special{
		padding-top: 70px;
		padding-bottom: 110px;
	}
	.section-header-name{
		font-size: 15px;
		line-height: 22px;
	}
	.section-header-text {
  		font-size: 18px;
  		line-height: 25px;
  		margin-top: 10px;
	}
	.menu-panel ul li a.main-link {
  		font-size: 17px;
  		line-height: 40px;
  		letter-spacing: 4px;
  		padding: 5px 8px;
  		padding-left: 12px;
  	}
  	.sub-menu-item a{
  		font-size: 15px;
  		line-height: 22px;
  	}
	.home01 .twitter-image i {
	  	font-size: 22px;
	  	line-height: 29px;
	  	padding: 6px 9px;
	}
	.home01 .tweet_list li{
		padding: 0%;
	}
	.home01 .tweet_text{
		font-size: 21px;
		line-height: 28px;
	}
	.home01 .tweet_text a{
		font-size: 18px;
  		line-height: 25px;
	}
	.home01 .tweet_time a {
	  	font-size: 14px;
	  	line-height: 21px;
	}
	.home01 .twitter-handle{
		font-size: 18px;
		line-height: 25px;
	}
	.home02-text{
		padding-left: 10%;
	}
	.home02-text h4{
  		font-size: 12px;
  		line-height: 19px;
  		letter-spacing: 7px;
  		padding-right: 8px;
  		padding-left: 15px;
	}
	.home02-text h1 a {
  		font-size: 45px;
  		line-height: 52px;
  	}
  	.home02-slider .owl-item.active .home02-text .cap-text-1, .home02-slider .owl-item.active .home02-text .cap-text-2{
		padding-left: 10%;
	}
	.home02-slider .owl-controls{
		display: none !important;
	}
	.home03-text{
		height: 80px;
	}
	.home03-text h1 {
	  	font-size: 20px;
	  	line-height: 27px;
	  	padding: 7px 12px;
	}
	.home03-text h3 {
  		font-size: 12px;
  		line-height: 20px;
  		letter-spacing: 8px;
  		padding-left: 8px;
  	}	
  	.home03-slider .owl-controls{
		display: none !important;
	}
	.home04-text{
		padding-left: 5%;
	}
	.home04-text h1{
	  	font-size: 30px;
	  	line-height: 37px;
	}
	.home05-slider-wrap{
		width: 260px;
		height: 260px;
	}
	.home05 #progressbar{
		width: 276px;
		height: 276px;
	}
	.home05-text h1{
		font-size: 18px;
	  	line-height: 25px;
	  	padding: 0px 15px;
	  	padding-left: 17px;
	}
	.home05-text .button{
		font-size: 13px;
		line-height: 20px;
		padding: 5px 10px;
	}
	.home05-text h4{
		font-size: 12px;
		line-height: 19px;
	}
	.home06-text h1 {
 	 	font-size: 25px;
  		line-height: 30px;
  		margin-top: 15px;
  		margin-bottom: 20px;
	}
	.home06-text h4{
 	 	font-size: 14px;
  		line-height: 21px;
	}
	.home06-text .button{
		font-size: 12px;
		line-height: 19px;
		padding: 5px 10px;
	}
	.home07-text01, .home07-text02{
		width: 75%;
	}
	.home07-text01 h5 {
  		font-size: 14px;
  		line-height: 21px;
  		letter-spacing: 8px;
  		padding: 4px 10px;
  		padding-left: 18px;
  	}	
	.home07-text02 span {
  		font-size: 18px;
  		line-height: 25px;
	}
	.home07-text02 a{
		font-size: 15px;
  		line-height: 22px;
	}
	.home08-text h5 {
  		font-size: 20px;
  		line-height: 27px;
  		letter-spacing: 6px;
  		padding-left: 6px;
 	} 
 	@-webkit-keyframes spacing {

	100% {
   		 letter-spacing: 25px;
   		 padding-left: 25px;
		}		
	}
	@-moz-keyframes spacing {

		100% {
	   		 letter-spacing: 25px;
	   		 padding-left: 25px;
			}		
	}
	@keyframes spacing {

		100% {
	   		 letter-spacing: 25px;
	   		 padding-left: 25px;
			}		
	}
	.home09-text span {
	  	font-size: 85px;
	  	line-height: 92px;
	}
	.home09-text p {
  		font-size: 13px;
  		line-height: 20px;
  		letter-spacing: 6px;
  		padding: 4px 8px;
  		padding-left: 14px;
  		margin-top: 10px;
  	}
  	.home09-slider.owl-theme .owl-controls .owl-nav .owl-prev{
	  	left: 10%;
	}
	.home09-slider.owl-theme .owl-controls .owl-nav .owl-next{
	  	right: 10%;
	}
	.home10-text-content .button {
  		font-size: 13px;
  		line-height: 20px;
 		padding: 6px 10px;
 	}
	.about-content{
		padding-top: 30px;
		padding-bottom: 35px;
	}
	.about-image{
		height: 300px;
	}
	.about-image h1{
		font-size: 23px;
		line-height: 30px;
	}
	.about-image a{
		font-size: 15px;
		line-height: 22px;
		margin-top: 15px;
	}
	.about-content{
	 	padding-bottom: 30px;
	}
	.about-text-content {
	  	margin-top: 50px;
	}
	.about-text-content h2{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	.about-text-content h2::after{
		margin-top: 10px;
		height: 3px;
	}
	.about-text-content p{
		font-size: 13px;
		line-height: 20px;
	}
	.progress-circle strong{
		font-size: 17px;
		line-height: 24px;
	}
	.progress-circle-wrap{
		margin-top: 50px;
	}
	.progress-circle-slider.owl-theme .owl-controls{
		display: block;		
	}
	.services-content{
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.services-content-item{
		margin-bottom: 25px;
		margin-left: 0%;
		margin-right: 0%;
		padding-bottom: 0px;
	}
	.services-content-image span{
		font-size: 45px;
		line-height: 52px;
	}
	.services-content-name{
		font-size: 16px;
		line-height: 23px;
	}
	.services-content-text p{
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
	}
	.mini-portfolio-item-overlay .overlay-text p{
		padding: 7px 15px;
	}
	.testimonial{
		padding-top: 60px;
		padding-bottom: 25px;
	}
	.testimonial-text h4{
		font-size: 16px;
		line-height: 23px;
	}
	.testimonial-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.testimonial-image{
		margin-right: 0px
	}
	.testimonial-slider.owl-carousel .owl-item .col-xs-3{
		width: 100%;
	}
	.testimonial-slider .testimonial-image img{
		width: 35%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.testimonial-slider.owl-carousel .owl-item .col-xs-9{
		width: 100%;
		text-align: center;
	}
	.testimonial-text{
		height: 150px;
	}
	.testimonial-text h4:after{
		display: none;
	}
	.team-text{
		text-align: center;
		margin-left: 0px;
		height: 250px;
		padding: 50px; 
	}
	.team-text h3{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 05px;
	}
	.team-text p{
		font-size: 12px;
		line-height: 17px;
	}
	.team .social-icons{
		font-size: 21px;
		line-height: 28px;
		margin-top: 10px;
	}
	.team-image{
		margin-left: 10%;
		margin-right: 10%;
	}
	.team-info {
	  	left: 44%;
	  	bottom: 8%;
	}
	.team-info span {
	    font-size: 27px;
	    line-height: 34px;
	}
	.team-slider{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.team-slider .owl-item .col-md-6{
		width: 100%;
	}
	.shuffle__sizer{
		width: 100%;
		margin-left: 0%;
	}
	.portfolio-filter-nav {
  		margin-bottom: 25px;
	}
	.blog-slider{
		padding: 0%;
	}
	.blog-item{
		margin: 0 10%;
	}
	.blog-text{
		padding: 0px 20px;
	}
	.blog-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.trigger-wrap{
		padding: 15px;
	}
	.blog-slider.owl-theme .owl-controls{
		display: block;
	}
	.contact-content .col-xs-4{
		width: 100%;
		margin-bottom: 40px;
	}
	.contact-content-item-icon div:first-child{
		width: 50px;
		height: 50px;
		margin-bottom: 25px;
	}
	.contact-content-item-icon div:last-child{
		width: 50px;
		height: 50px;
	}
	.contact-content-item-icon div:first-child span{
		font-size: 30px;
	  	line-height: 37px;
	  	padding-top: 6px;
	}
	.contact-content-item-icon div:last-child span{
		font-size: 30px;
	  	line-height: 37px;
	  	padding-top: 6px;
	}
	.contact-content-item h3{
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 7px;
	}
	.contact-content-item h3::after{
		margin-top: 7px;
		width: 20%;
	}
	.contact-content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contact-content-item p{
		font-size: 13px;
		line-height: 20px;
	}
	.contact-form-trigger{
		font-size: 11px;
		line-height: 18px;
		padding: 8px 15px;
	}
	.contact-form {
  		width: 300px;
  		height: 280px;
  		padding: 0px 30px;
	}
	.footer{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.footer .social-icons span{
		font-size: 18px;
		line-height: 25px;
		width: 32px;
		height: 32px;
	}
		.inner-page-header h1 {
  		font-size: 16px;
  		line-height: 23px;
  	}
  	.inner-page-header{
  		padding-top: 90px;
  	}
  	.inner-page-header h4{
  		font-size: 17px;
  		line-height: 24px;
  	}
  	.page-header-bottom-content {
	  	margin-top: 40px;
	}
	.blog-post-details p {
	  	font-size: 12px;
	  	line-height: 19px;
	}
	.inner-page-navigation {
  		font-size: 12px;
  		line-height: 19px;
  	}	
	.comments ul li p{
		font-size: 13px;
  		line-height: 20px;
	}
	.comment-count{
		font-size: 21px;
  		line-height: 28px;
	}
	.respond h3{
		font-size: 21px;
  		line-height: 28px;
	}
	.blog-post-path{
		text-align: left;
		margin-top: 5px;
	}
	.blog-post p{
		font-size: 13px;
  		line-height: 20px;
	}
	.blog-post-share .social-icons{
		text-align: left;
		margin-top: 5px;
	}
	.commentlists .comment &gt; div{
		padding-bottom: 50px;
	}
	.comment-reply{
		top: auto;
		bottom: 20px;
	}
	.respond{
		margin-bottom: 10px;
	}
	.respond input[type="submit"]{
		padding: 7px 10px;
		font-size: 12px;
		line-height: 19px;
	}
	.project-text-content {
	  	margin-top: 50px;
	  	margin-bottom: 50px;
	}	
	.project-text-content h1{
  		font-size: 20px;
  		line-height: 27px;
  	}	
  	.more-projects h3{
  		font-size: 20px;
  		line-height: 27px;
  	}
  	.more-projects-item{
  		padding: 0%;
  		margin-bottom: 20px;
  	}
  	.single-project-slider .owl-controls{
  		display: none;
  	}
  	.single-project-slider .item01, .single-project-slider .item02, .single-project-slider .item03{
  		height: 300px;
  	}
  	.footer-innerpage{
  		padding: 50px 0px;
  	}
  	.error-page h1 {
	  	font-size: 40px;
	  	line-height: 47px;
	  	margin-bottom: 5px;
	 } 
	 .error-page p {
  		font-size: 15px;
  		line-height: 22px;
	}
	
}


/*Other Major Small Smart Phones*/
@media (min-width: 321px) and (max-width: 360px) {
	.container{
		max-width: 300px;
	}
	.main-header{
		display: none;
	}
	.mobile-nav{
		display: block;
	}
	svg.slant-top{
		height: 80px;
		width: 103%;
	}
	svg.slant-bottom{
		height: 80px;
		width: 103%;
	}
	.section-header{
		padding-top: 115px;
		padding-bottom: 90px;
	}
	.section-header-special{
		padding-top: 70px;
		padding-bottom: 110px;
	}
	.section-header-name{
		font-size: 15px;
		line-height: 22px;
	}
	.section-header-text {
  		font-size: 18px;
  		line-height: 25px;
  		margin-top: 10px;
	}
	.menu-panel ul li a.main-link {
  		font-size: 17px;
  		line-height: 40px;
  		letter-spacing: 4px;
  		padding: 5px 8px;
  		padding-left: 12px;
  	}
  	.sub-menu-item a{
  		font-size: 14px;
  		line-height: 21px;
  	}
	.home01 .twitter-image i {
	  	font-size: 22px;
	  	line-height: 29px;
	  	padding: 6px 9px;
	}
	.home01 .tweet_list li{
		padding: 0%;
	}
	.home01 .tweet_text{
		font-size: 19px;
		line-height: 26px;
	}
	.home01 .tweet_text a{
		font-size: 16px;
  		line-height: 23px;
	}
	.home01 .tweet_time a {
	  	font-size: 12px;
	  	line-height: 19px;
	}
	.home01 .twitter-handle{
		font-size: 18px;
		line-height: 25px;
	}
	.home02-text{
		padding-left: 10%;
	}
	.home02-text h4{
  		font-size: 11px;
  		line-height: 18px;
  		letter-spacing: 5px;
  		padding-left: 10px;
	}
	.home02-text h1 a {
  		font-size: 40px;
  		line-height: 47px;
  	}
  	.home02-slider .owl-item.active .home02-text .cap-text-1, .home02-slider .owl-item.active .home02-text .cap-text-2{
		padding-left: 10%;
	}
	.home02-slider .owl-controls{
		display: none !important;
	}
	.home03-text{
		height: 80px;
	}
	.home03-text h1 {
	  	font-size: 20px;
	  	line-height: 27px;
	  	padding: 7px 12px;
	}
	.home03-text h3 {
  		font-size: 12px;
  		line-height: 20px;
  		letter-spacing: 8px;
  		padding-left: 8px;
  	}	
  	.home03-slider .owl-controls{
		display: none !important;
	}
	.home04-text{
		padding-left: 5%;
	}
	.home04-text h1{
	  	font-size: 25px;
	  	line-height: 32px;
	}
	.home05-slider-wrap{
		width: 240px;
		height: 240px;
	}
	.home05 #progressbar{
		width: 256px;
		height: 256px;
	}
	.home05-text h1{
		font-size: 15px;
	  	line-height: 22px;
	  	padding: 0px 15px;
	  	padding-left: 17px;
	}
	.home05-text .button{
		font-size: 12px;
		line-height: 19px;
		padding: 4px 8px;
	}
	.home05-text h4{
		font-size: 12px;
		line-height: 19px;
	}
	.home06-text h1 {
 	 	font-size: 25px;
  		line-height: 30px;
  		margin-top: 15px;
  		margin-bottom: 20px;
	}
	.home06-text h4{
 	 	font-size: 14px;
  		line-height: 21px;
	}
	.home06-text .button{
		font-size: 12px;
		line-height: 19px;
		padding: 5px 10px;
	}
	.home07-text01, .home07-text02{
		width: 75%;
	}
	.home07-text01 h5 {
  		font-size: 12px;
  		line-height: 19px;
  		letter-spacing: 8px;
  		padding: 4px 10px;
  		padding-left: 18px;
  	}	
	.home07-text02 span {
  		font-size: 18px;
  		line-height: 25px;
	}
	.home07-text02 a{
		font-size: 15px;
  		line-height: 22px;
	}
	.home08-text h5 {
  		font-size: 20px;
  		line-height: 27px;
  		letter-spacing: 6px;
  		padding-left: 6px;
  		margin-top: 15px;
 	} 
 	@-webkit-keyframes spacing {

	100% {
   		 letter-spacing: 25px;
   		 padding-left: 25px;
		}		
	}
	@-moz-keyframes spacing {

		100% {
	   		 letter-spacing: 25px;
	   		 padding-left: 25px;
			}		
	}
	@keyframes spacing {

		100% {
	   		 letter-spacing: 25px;
	   		 padding-left: 25px;
			}		
	}
	.home09-text span {
	  	font-size: 85px;
	  	line-height: 92px;
	}
	.home09-text p {
  		font-size: 12px;
  		line-height: 19px;
  		letter-spacing: 4px;
  		padding: 3px 8px;
  		padding-left: 12px;
  		margin-top: 5px;
  	}
  	.home09-slider.owl-theme .owl-controls .owl-nav .owl-prev{
	  	left: 8%;
	}
	.home09-slider.owl-theme .owl-controls .owl-nav .owl-next{
	  	right: 8%;
	}
	.home10-text-content .button {
  		font-size: 13px;
  		line-height: 20px;
 		padding: 6px 10px;
 	}
	.about-content{
		padding-top: 30px;
		padding-bottom: 35px;
	}
	.about-image{
		height: 250px;
	}
	.about-image h1{
		font-size: 23px;
		line-height: 30px;
	}
	.about-image a{
		font-size: 15px;
		line-height: 22px;
		margin-top: 15px;
	}
	.about-content{
	 	padding-bottom: 30px;
	}
	.about-text-content {
	  	margin-top: 50px;
	}
	.about-text-content h2{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	.about-text-content h2::after{
		margin-top: 10px;
		height: 3px;
	}
	.about-text-content p{
		font-size: 13px;
		line-height: 20px;
	}
	.progress-circle strong{
		font-size: 17px;
		line-height: 24px;
	}
	.progress-circle-wrap{
		margin-top: 50px;
	}
	.progress-circle-slider.owl-theme .owl-controls{
		display: block;		
	}
	.services-content{
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.services-content-item{
		margin-bottom: 25px;
		margin-left: 0%;
		margin-right: 0%;
		padding-bottom: 0px;
	}
	.services-content-image span{
		font-size: 45px;
		line-height: 52px;
	}
	.services-content-name{
		font-size: 16px;
		line-height: 23px;
	}
	.services-content-text p{
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
	}
	.mini-portfolio-item-overlay .overlay-text p{
		padding: 7px 15px;
	}
	.testimonial{
		padding-top: 60px;
		padding-bottom: 25px;
	}
	.testimonial-text h4{
		font-size: 16px;
		line-height: 23px;
	}
	.testimonial-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.testimonial-image{
		margin-right: 0px
	}
	.testimonial-slider.owl-carousel .owl-item .col-xs-3{
		width: 100%;
	}
	.testimonial-slider .testimonial-image img{
		width: 35%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.testimonial-slider.owl-carousel .owl-item .col-xs-9{
		width: 100%;
		text-align: center;
	}
	.testimonial-text{
		height: 150px;
	}
	.testimonial-text h4:after{
		display: none;
	}
	.team{
		padding-bottom: 0px;
	}
	.team-text{
		text-align: center;
		margin-left: 0px;
		height: 250px;
		padding: 50px; 
	}
	.team-text h3{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 05px;
	}
	.team-text p{
		font-size: 12px;
		line-height: 17px;
	}
	.team .social-icons{
		font-size: 21px;
		line-height: 28px;
		margin-top: 10px;
	}
	.team-image{
		margin-left: 10%;
		margin-right: 10%;
	}
	.team-info {
	  	left: 40%;
	  	bottom: 5%;
	}
	.team-info span {
	    font-size: 27px;
	    line-height: 34px;
	}
	.team-slider{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.team-slider .owl-item .col-md-6{
		width: 100%;
	}
	.team .slant-bottom{
		display: none;
	}
	.team-slider .owl-controls{
		display: none;
	}
	.portfolio .slant-top path{
		fill: #fff;
	}
	.shuffle__sizer{
		width: 100%;
		margin-left: 0%;
	}
	.portfolio-filter-nav {
  		margin-bottom: 25px;
	}
	.blog-slider{
		padding: 0%;
	}
	.blog-item{
		margin: 0% 5%;
	}
	.blog-text{
		padding: 0px 20px;
	}
	.blog-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.trigger-wrap{
		padding: 15px;
	}
	.blog-slider.owl-theme .owl-controls{
		display: block;
	}
	.contact-content .col-xs-4{
		width: 100%;
		margin-bottom: 40px;
	}
	.contact-content-item-icon div:first-child{
		width: 50px;
		height: 50px;
		margin-bottom: 25px;
	}
	.contact-content-item-icon div:last-child{
		width: 50px;
		height: 50px;
	}
	.contact-content-item-icon div:first-child span{
		font-size: 30px;
	  	line-height: 37px;
	  	padding-top: 6px;
	}
	.contact-content-item-icon div:last-child span{
		font-size: 30px;
	  	line-height: 37px;
	  	padding-top: 6px;
	}
	.contact-content-item h3{
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 7px;
	}
	.contact-content-item h3::after{
		margin-top: 7px;
		width: 20%;
	}
	.contact-content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contact-content-item p{
		font-size: 13px;
		line-height: 20px;
	}
	.contact-form-trigger{
		font-size: 11px;
		line-height: 18px;
		padding: 8px 15px
	}
	.contact-form {
  		width: 300px;
  		height: 280px;
  		padding: 0px 30px;
	}
	.footer{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.footer .social-icons span{
		font-size: 18px;
		line-height: 25px;
		width: 32px;
		height: 32px;
	}
		.inner-page-header h1 {
  		font-size: 16px;
  		line-height: 23px;
  	}
  	.inner-page-header{
  		padding-top: 90px;
  	}
  	.inner-page-header h4{
  		font-size: 17px;
  		line-height: 24px;
  	}
  	.page-header-bottom-content {
	  	margin-top: 40px;
	}
	.blog-post-details p {
	  	font-size: 12px;
	  	line-height: 19px;
	}
	.inner-page-navigation {
  		font-size: 12px;
  		line-height: 19px;
  	}	
	.comments ul li p{
		font-size: 13px;
  		line-height: 20px;
	}
	.comment-count{
		font-size: 21px;
  		line-height: 28px;
	}
	.respond h3{
		font-size: 21px;
  		line-height: 28px;
	}
	.blog-post-path{
		text-align: left;
		margin-top: 5px;
	}
	.blog-post p{
		font-size: 13px;
  		line-height: 20px;
	}
	.blog-post-share .social-icons{
		text-align: left;
		margin-top: 5px;
	}
	.commentlists .comment &gt; div{
		padding-bottom: 50px;
	}
	.comment-reply{
		top: auto;
		bottom: 20px;
	}
	.respond{
		margin-bottom: 10px;
	}
	.respond input[type="submit"]{
		padding: 7px 10px;
		font-size: 12px;
		line-height: 19px;
	}
	.project-text-content {
	  	margin-top: 50px;
	  	margin-bottom: 50px;
	}	
	.project-text-content h1{
  		font-size: 20px;
  		line-height: 27px;
  	}	
  	.more-projects h3{
  		font-size: 20px;
  		line-height: 27px;
  	}
  	.more-projects-item{
  		padding: 0%;
  		margin-bottom: 20px;
  	}
  	.single-project-slider .owl-controls{
  		display: none;
  	}
  	.single-project-slider .item01, .single-project-slider .item02, .single-project-slider .item03{
  		height: 300px;
  	}
  	.footer-innerpage{
  		padding: 50px 0px;
  	}
  	 .error-page h1 {
	  	font-size: 40px;
	  	line-height: 47px;
	  	margin-bottom: 5px;
	 } 
	 .error-page p {
  		font-size: 15px;
  		line-height: 22px;
	}
}


/*iPhone Portrait Mode and Very Small Mobile Phones*/
@media screen and (max-width: 320px) {
	.container{
		max-width: 300px;
	}
	.main-header{
		display: none;
	}
	.mobile-nav{
		display: block;
	}
	svg.slant-top{
		height: 80px;
		width: 103%;
	}
	svg.slant-bottom{
		height: 80px;
		width: 103%;
	}
	.section-header{
		padding-top: 115px;
		padding-bottom: 90px;
	}
	.section-header-special{
		padding-top: 70px;
		padding-bottom: 110px;
	}
	.section-header-name{
		font-size: 15px;
		line-height: 22px;
	}
	.section-header-text {
  		font-size: 18px;
  		line-height: 25px;
  		margin-top: 10px;
	}
	.menu-panel ul li a.main-link {
  		font-size: 16px;
  		line-height: 35px;
  		letter-spacing: 4px;
  		padding: 5px 8px;
  		padding-left: 12px;
  	}
  	.sub-menu-item a{
  		font-size: 13px;
  		line-height: 20px;
  	}
	.home01 .twitter-image i {
	  	font-size: 22px;
	  	line-height: 29px;
	  	padding: 6px 9px;
	}
	.home01 .tweet_list li{
		padding: 0%;
	}
	.home01 .tweet_text{
		font-size: 19px;
		line-height: 26px;
	}
	.home01 .tweet_text a{
		font-size: 16px;
  		line-height: 23px;
	}
	.home01 .tweet_time a {
	  	font-size: 12px;
	  	line-height: 19px;
	}
	.home01 .twitter-handle{
		font-size: 18px;
		line-height: 25px;
	}
	.home02-text{
		padding-left: 10%;
	}
	.home02-text h4{
  		font-size: 11px;
  		line-height: 18px;
  		letter-spacing: 5px;
  		padding-left: 10px;
	}
	.home02-text h1 a {
  		font-size: 40px;
  		line-height: 47px;
  	}
  	.home02-slider .owl-item.active .home02-text .cap-text-1, .home02-slider .owl-item.active .home02-text .cap-text-2{
		padding-left: 10%;
	}
	.home02-slider .owl-controls{
		display: none !important;
	}
	.home03-text{
		height: 80px;
	}
	.home03-text h1 {
	  	font-size: 20px;
	  	line-height: 27px;
	  	padding: 7px 12px;
	}
	.home03-text h3 {
  		font-size: 12px;
  		line-height: 20px;
  		letter-spacing: 8px;
  		padding-left: 8px;
  	}	
  	.home03-slider .owl-controls{
		display: none !important;
	}
	.home04-text{
		padding-left: 5%;
	}
	.home04-text h1{
	  	font-size: 25px;
	  	line-height: 32px;
	}
	.home05-slider-wrap{
		width: 240px;
		height: 240px;
	}
	.home05 #progressbar{
		width: 256px;
		height: 256px;
	}
	.home05-text h1{
		font-size: 15px;
	  	line-height: 22px;
	  	padding: 0px 15px;
	  	padding-left: 17px;
	}
	.home05-text .button{
		font-size: 13px;
		line-height: 20px;
		padding: 4px 8px;
	}
	.home05-text h4{
		font-size: 12px;
		line-height: 19px;
	}
	.home06-text h1 {
 	 	font-size: 25px;
  		line-height: 30px;
  		margin-top: 15px;
  		margin-bottom: 20px;
	}
	.home06-text h4{
 	 	font-size: 14px;
  		line-height: 21px;
	}
	.home06-text .button{
		font-size: 12px;
		line-height: 19px;
		padding: 5px 10px;
	}
	.home07-text01, .home07-text02{
		width: 80%;
	}
	.home07-text01 h5 {
  		font-size: 12px;
  		line-height: 19px;
  		letter-spacing: 8px;
  		padding: 4px 10px;
  		padding-left: 18px;
  	}	
	.home07-text02 span {
  		font-size: 18px;
  		line-height: 25px;
	}
	.home07-text02 a{
		font-size: 15px;
  		line-height: 22px;
	}
	.home08-text h5 {
  		font-size: 20px;
  		line-height: 27px;
  		letter-spacing: 6px;
  		padding-left: 6px;
  		margin-top: 15px;
 	} 
 	@-webkit-keyframes spacing {

	100% {
   		 letter-spacing: 25px;
   		 padding-left: 25px;
		}		
	}
	@-moz-keyframes spacing {

		100% {
	   		 letter-spacing: 25px;
	   		 padding-left: 25px;
			}		
	}
	@keyframes spacing {

		100% {
	   		 letter-spacing: 25px;
	   		 padding-left: 25px;
			}		
	}
	.home09-text span {
	  	font-size: 80px;
	  	line-height: 87px;
	}
	.home09-text p {
  		font-size: 12px;
  		line-height: 19px;
  		letter-spacing: 4px;
  		padding: 3px 8px;
  		padding-left: 12px;
  		margin-top: 5px;
  	}
  	.home09-slider.owl-theme .owl-controls .owl-nav .owl-prev{
	  	left: 8%;
	}
	.home09-slider.owl-theme .owl-controls .owl-nav .owl-next{
	  	right: 8%;
	}
	.home10-text-content .button {
  		font-size: 13px;
  		line-height: 20px;
 		padding: 6px 10px;
 	}
	.about-content{
		padding-top: 30px;
		padding-bottom: 35px;
	}
	.about-image{
		height: 250px;
	}
	.about-image h1{
		font-size: 23px;
		line-height: 30px;
	}
	.about-image a{
		font-size: 15px;
		line-height: 22px;
		margin-top: 15px;
	}
	.about-content{
	 	padding-bottom: 30px;
	}
	.about-text-content {
	  	margin-top: 50px;
	}
	.about-text-content h2{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	.about-text-content h2::after{
		margin-top: 10px;
		height: 3px;
	}
	.about-text-content p{
		font-size: 13px;
		line-height: 20px;
	}
	.progress-circle strong{
		font-size: 17px;
		line-height: 24px;
	}
	.progress-circle-wrap{
		margin-top: 50px;
	}
	.progress-circle-slider.owl-theme .owl-controls{
		display: block;		
	}
	.services-content{
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.services-content-item{
		margin-bottom: 25px;
		margin-left: 0%;
		margin-right: 0%;
		padding-bottom: 0px;
	}
	.services-content-image span{
		font-size: 45px;
		line-height: 52px;
	}
	.services-content-name{
		font-size: 16px;
		line-height: 23px;
	}
	.services-content-text p{
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
	}
	.mini-portfolio-item-overlay .overlay-text p{
		padding: 7px 15px;
	}
	.testimonial{
		padding-top: 60px;
		padding-bottom: 25px;
	}
	.testimonial-text h4{
		font-size: 16px;
		line-height: 23px;
	}
	.testimonial-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.testimonial-image{
		margin-right: 0px
	}
	.testimonial-slider.owl-carousel .owl-item .col-xs-3{
		width: 100%;
	}
	.testimonial-slider .testimonial-image img{
		width: 35%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.testimonial-slider.owl-carousel .owl-item .col-xs-9{
		width: 100%;
		text-align: center;
	}
	.testimonial-text{
		height: 150px;
	}
	.testimonial-text h4:after{
		display: none;
	}
	.team{
		padding-bottom: 0px;
	}
	.team-text{
		text-align: center;
		margin-left: 0px;
		height: 250px;
		padding: 50px; 
	}
	.team-text h3{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 05px;
	}
	.team-text p{
		font-size: 12px;
		line-height: 17px;
	}
	.team .social-icons{
		font-size: 21px;
		line-height: 28px;
		margin-top: 10px;
	}
	.team-image{
		margin-left: 10%;
		margin-right: 10%;
	}
	.team-info {
	  	left: 40%;
	  	bottom: 5%;
	}
	.team-info span {
	    font-size: 27px;
	    line-height: 34px;
	}
	.team-slider{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.team-slider .owl-item .col-md-6{
		width: 100%;
	}
	.team .slant-bottom{
		display: none;
	}
	.team-slider .owl-controls{
		display: none;
	}
	.portfolio .slant-top path{
		fill: #fff;
	}
	.shuffle__sizer{
		width: 100%;
		margin-left: 0%;
	}
	.portfolio-filter-nav {
  		margin-bottom: 25px;
	}
	.blog-slider{
		padding: 0%;
	}
	.blog-item{
		margin: 0% 5%;
	}
	.blog-text{
		padding: 0px 20px;
	}
	.blog-text p{
		font-size: 13px;
		line-height: 20px;
	}
	.trigger-wrap{
		padding: 15px;
	}
	.blog-slider.owl-theme .owl-controls{
		display: block;
	}
	.contact-content .col-xs-4{
		width: 100%;
		margin-bottom: 40px;
	}
	.contact-content-item-icon div:first-child{
		width: 50px;
		height: 50px;
		margin-bottom: 25px;
	}
	.contact-content-item-icon div:last-child{
		width: 50px;
		height: 50px;
	}
	.contact-content-item-icon div:first-child span{
		font-size: 30px;
	  	line-height: 37px;
	  	padding-top: 6px;
	}
	.contact-content-item-icon div:last-child span{
		font-size: 30px;
	  	line-height: 37px;
	  	padding-top: 6px;
	}
	.contact-content-item h3{
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 7px;
	}
	.contact-content-item h3::after{
		margin-top: 7px;
		width: 20%;
	}
	.contact-content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contact-content-item p{
		font-size: 13px;
		line-height: 20px;
	}
	.contact-form-trigger{
		font-size: 11px;
		line-height: 18px;
		padding: 8px 15px;
	}
	.contact-form {
  		width: 300px;
  		height: 280px;
  		padding: 0px 30px;
	}
	.footer{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.footer .social-icons span{
		font-size: 18px;
		line-height: 25px;
		width: 32px;
		height: 32px;
	}
		.inner-page-header h1 {
  		font-size: 16px;
  		line-height: 23px;
  	}
  	.inner-page-header{
  		padding-top: 90px;
  	}
  	.inner-page-header h4{
  		font-size: 17px;
  		line-height: 24px;
  	}
  	.page-header-bottom-content {
	  	margin-top: 40px;
	}
	.blog-post-details p {
	  	font-size: 12px;
	  	line-height: 19px;
	}
	.inner-page-navigation {
  		font-size: 12px;
  		line-height: 19px;
  	}	
	.comments ul li p{
		font-size: 13px;
  		line-height: 20px;
	}
	.comment-count{
		font-size: 21px;
  		line-height: 28px;
	}
	.respond h3{
		font-size: 21px;
  		line-height: 28px;
	}
	.blog-post-path{
		text-align: left;
		margin-top: 5px;
	}
	.blog-post p{
		font-size: 13px;
  		line-height: 20px;
	}
	.blog-post-share .social-icons{
		text-align: left;
		margin-top: 5px;
	}
	.commentlists .comment &gt; div{
		padding-bottom: 50px;
	}
	.comment-reply{
		top: auto;
		bottom: 20px;
	}
	.respond{
		margin-bottom: 10px;
	}
	.respond input[type="submit"]{
		padding: 7px 10px;
		font-size: 12px;
		line-height: 19px;
	}
	.project-text-content {
	  	margin-top: 50px;
	  	margin-bottom: 50px;
	}	
	.project-text-content h1{
  		font-size: 20px;
  		line-height: 27px;
  	}	
  	.more-projects h3{
  		font-size: 20px;
  		line-height: 27px;
  	}
  	.more-projects-item{
  		padding: 0%;
  		margin-bottom: 20px;
  	}
  	.single-project-slider .owl-controls{
  		display: none;
  	}
  	.single-project-slider .item01, .single-project-slider .item02, .single-project-slider .item03{
  		height: 300px;
  	}
  	.footer-innerpage{
  		padding: 50px 0px;
  	}
  	 .error-page h1 {
	  	font-size: 40px;
	  	line-height: 47px;
	  	margin-bottom: 5px;
	 } 
	 .error-page p {
  		font-size: 15px;
  		line-height: 22px;
	}

}


/******************Responsive Add******************************/

@media (max-width: 1920px) and (min-width: 1700px)  {
    .about .section-header-special {background-position-y: -400px /*365*/;}
    .services .section-header{background-position-y: -135px;}
    .team .section-header{background-position-y: -93px;}
}

@media(max-width: 1024px){
    .home02-text h1 a{font-size: 48px !important;}
    .about .section-header-special{background-position-x: -395px;}
    .img-gray{filter: grayscale(0%);}
    #grid{transform: translate(-4%,0);}
    .about .section-header-special{background-position-x: 0px;}
    .home02-slider .item02{background-position-y: 0px;}
    .about .section-header-special{background-position-y: 0px;}
    .home02-slider .item01{background-position-x: -650px;}
    .team .section-header{background-position-y: 10px;}
    .portfolio .section-header{background-position-y: -50px}
    .services .section-header{background-position-y: -30px;}
    
    

}

@media(max-width: 768px){
    .section-header-special{padding-bottom: 80px;}
    .about .section-header-special{background-image: none; background: #fff;}
    .portfolio-content{padding-bottom: 25px;}
    
    .left15{left: -1% !important;}
    .left25{left: 25% !important;}
    .mt-10{margin-top: 3%;}
    .home02-text h1 a{font-size: 40px !important; letter-spacing:1px;}
    .margin-Mx{margin-left: 40%;}
    .margin-Usa{margin-left: -45%;}
    .portfolio .section-header{background-position-y: 0px;}
    .team .section-header{background-position-y: 0px;}
    .home02-slider .item03{background-position-x: -440px;}
    .home02-slider .item01{background-position-x: -550px;}
    .home02-slider .item02{background-position-x: -450px;}
    .left1{    left: 40px !important;}
    .services .section-header{background-position-y: -30px;}
    .img-youtube{margin-left: 30px;}
    
}

@media(max-width: 640px){
    
}

@media(max-width: 480px){
    .home02-text h1 a{font-size: 19px !important;}
    .left25{left: 0% !important;}
    .logos{width: 100%; padding-top: 10%;}
    .margin-Mx{margin-left: 0%;}
    .margin-Usa{margin-left: 0%;}
    .portfolio .section-header{background-position-y: 0px;}
    .team .section-header{background-position-y: 20px;}
    .services .section-header{background-position-y: 0px;}
    .logoSlider{display: none;}
    .left1{left: 10px !important;}
    .home02-slider .item03{background-position-x: -340px;}
    .home02-slider .item01{background-position-x: -400px;}
    .home02-slider .item02{background-position-x: -350px;}
    .home02-text h4{font-size: 18px; font-weight: 700;}
    .img-youtube{margin-left: 30px; width: 60%}
}</pre></body></html>