/*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) {

	.shuffle__sizer{
		width: 16.67%;
	}
	.news-item-overlay {
		padding-top: 300px;
		padding-bottom: 300px;
	}
	.slim-menu{
		display: none;
	}	

}

@media (min-width: 1681px) and (max-width: 1920px) {
	.shuffle__sizer{
		width: 16.67%;
	}
	.news-item-overlay {
		padding-top: 300px;
		padding-bottom: 300px;
	}
	.slim-menu{
		display: none;
	}	
	
}

@media (min-width: 1441px) and (max-width: 1680px) {
	.slim-menu{
		display: none;
	}	
}


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


@media (min-width: 1281px) and (max-width: 1366px) {
	.page-section{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.pad-top-special{
		padding-top: 100px;
	}
	.pad-bottom-special{
		padding-bottom: 100px;	
	}
	.slim-menu{
		display: none;
	}	
	.about-promo-small h1{
		font-size: 32px;
		line-height: 39px;
	}
	.about-promo-small h1:after{
		margin-top: 15px;
		margin-bottom: 15px; 
	}
	.about-promo-small h3{
		font-size: 20px;
		line-height: 27px;
	}
	.bxslider-content h1{
		font-size: 50px;
		line-height: 57px;
	}
	.about-promo-big h1{
		font-size: 26px;
		line-height: 44px;
	}
	.about-promo-big .dark-arrow:before{
		width: 100px;
		top: -51px;
	}
	.clients-wrap {
		padding-left: 45px;
		padding-right: 45px;
	}
	.news-item-overlay{
		padding: 200px 100px;
	}
	.news-item h1{
		font-size: 32px;
		line-height: 39px;
	}
}


@media (min-width: 1215px) and (max-width: 1280px) {
	.page-section{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.pad-top-special{
		padding-top: 100px;
	}
	.pad-bottom-special{
		padding-bottom: 100px;	
	}
	.section-header-name h4{
		margin: 40px 0px;
		padding: 20px;
	}
	.slim-menu{
		display: none;
	}
	.main-header.fixed-menu .main-menu-item{
		margin: 0px 8px;
	}
	.main-header.fixed-menu .main-menu-item a{
		font-size: 13px;
		line-height: 20px;
	}
	.about-promo-small h1{
		font-size: 32px;
		line-height: 39px;
	}
	.about-promo-small h1:after{
		margin-top: 15px;
		margin-bottom: 15px; 
	}
	.about-promo-small h3{
		font-size: 20px;
		line-height: 27px;
	}
	.bxslider-content h1{
		font-size: 50px;
		line-height: 57px;
	}
	.about-promo-big h1{
		font-size: 26px;
		line-height: 44px;
	}
	.about-promo-big .dark-arrow:before{
		width: 100px;
		top: -51px;
	}
	.clients-wrap {
		padding-left: 5%;
		padding-right: 5%;
	}
	.client{
		padding-left: 45px;
		padding-right: 45px; 
	}
	.clients-text-content h1{
		font-size: 90px;
		line-height: 97px;
	}
	.news-item-overlay{
		padding: 200px 100px;
	}
	.news-item h1{
		font-size: 32px;
		line-height: 39px;
	}
}


/*Very Large Tablets and Medium Laptops*/
@media (min-width: 1153px) and (max-width: 1214px) {
	.page-section{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.pad-top-special{
		padding-top: 100px;
	}
	.pad-bottom-special{
		padding-bottom: 100px;	
	}
	.section-header-name h4{
		margin: 40px 0px;
		padding: 20px;
	}
	.slim-menu{
		display: none;
	}	
	.main-header.fixed-menu .header-content{
		padding-left: 100px;
		padding-right: 100px;
	}
	.main-header.fixed-menu .main-menu-item{
		margin: 0px 8px;
	}
	.main-header.fixed-menu .main-menu-item a{
		font-size: 13px;
		line-height: 20px;
	}
	.about-promo-small h1{
		font-size: 32px;
		line-height: 39px;
	}
	.about-promo-small h1:after{
		margin-top: 15px;
		margin-bottom: 15px; 
	}
	.about-promo-small h3{
		font-size: 20px;
		line-height: 27px;
	}
	.bxslider-content h1{
		font-size: 50px;
		line-height: 57px;
	}
	.about-promo-big h1{
		font-size: 26px;
		line-height: 44px;
	}
	.about-promo-big .dark-arrow:before{
		width: 100px;
		top: -51px;
	}
	.services-left-panel h3{
		font-size: 22px;
		line-height: 29px;
	}
	.services-left-panel p{
		margin-top: 10px;
	}
	.services-item h1{
		font-size: 32px;
		line-height: 39px;
		margin-bottom: 10px;
	}
	.clients-wrap {
		padding-left: 5%;
		padding-right: 5%;
	}
	.client{
		padding-left: 30px;
		padding-right: 30px; 
	}
	.clients-text-content{
		padding-left: 60px;
	}
	.clients-text-content h1{
		font-size: 90px;
		line-height: 97px;
	}
	.shuffle__sizer{
		width: 33.334%;
	}
	.news-item-overlay{
		padding: 175px 75px;
	}
	.news-item h1{
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 30px;
		line-height: 37px;
	}
	.news-item p{
		font-size: 14px;
		line-height: 21px;
	}
}


/*Notebooks and Small Laptops*/
@media (min-width: 1025px) and (max-width: 1152px) {
	.page-section{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.pad-top-special{
		padding-top: 80px;
	}
	.pad-bottom-special{
		padding-bottom: 80px;	
	}
	.pad-top{
		padding-top: 120px
	}
	.pad-bottom{
		padding-bottom: 120px;
	}
	.pad-top-half{
		padding-top: 60px;
	}
	.pad-bottom-half{
		padding-bottom: 60px;
	}
	.section-header-name h4{
		font-size: 13px;
		line-height: 20px;
		margin: 40px 0px;
		padding: 20px;
	}
	.section-header-text p{
		font-size: 20px;
		line-height: 27px;
	}
	.slim-menu{
		display: none;
	}
	.main-header.fixed-menu .header-content{
		padding-left: 100px;
		padding-right: 100px;
	}
	.main-header.fixed-menu .main-menu-item{
		margin: 0px 8px;
	}
	.main-header.fixed-menu .main-menu-item a{
		font-size: 12px;
		line-height: 19px;
	}
	.about-promo-small h1{
		font-size: 28px;
		line-height: 35px;
	}
	.about-promo-small h1:after{
		margin-top: 15px;
		margin-bottom: 15px; 
	}
	.about-promo-small h3{
		font-size: 20px;
		line-height: 27px;
	}
	.bxslider-content h1{
		font-size: 45px;
		line-height: 52px;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.bxslider-content p{
		font-size: 13px;
		line-height: 20px;
	}
	.about-promo-big h1{
		font-size: 24px;
		line-height: 40px;
	}
	.about-promo-big .dark-arrow:before{
		width: 80px;
		top: -41px;
	}
	.about-promo-big h3{
		font-size: 20px;
		line-height: 27px;
	}
	.services-left-panel h3{
		font-size: 22px;
		line-height: 29px;
	}
	.services-left-panel p{
		margin-top: 10px;
	}
	.services-item h1{
		font-size: 32px;
		line-height: 39px;
		margin-bottom: 10px;
	}
	.services-text-block .content p{
		font-size: 13px;
		line-height: 20px;
	}
	.clients-wrap {
		padding-left: 5%;
		padding-right: 5%;
	}
	.client{
		padding-left: 30px;
		padding-right: 30px; 
	}
	.clients-text-content{
		padding-left: 60px;
	}
	.clients-text-content h1{
		font-size: 75px;
		line-height: 82px;
	}
	.promo-section h1 {
		font-size: 31px;
		line-height: 38px;
		margin-bottom: 20px;
	}
	.promo-section p {
		font-size: 17px;
		line-height: 24px;
	}
	.promo-section .btn a{
		padding: 12px 20px;
		margin-top: 30px;
	}
	.shuffle__sizer{
		width: 33.334%;
	}
	.social-slider-item .social-text h2 {
		font-size: 23px;
		line-height: 30px;
	}
	.news-item-overlay {
		padding: 150px 60px;
	}
	.news-item h1{
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 30px;
		line-height: 37px;
	}
	.news-item p{
		font-size: 14px;
		line-height: 21px;
	}
}


@media (min-width: 991px) and (max-width: 1024px) {
	.container{
		width: 950px;
	}
	.page-section{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.pad-top-special{
		padding-top: 80px;
	}
	.pad-bottom-special{
		padding-bottom: 80px;	
	}
	.pad-top{
		padding-top: 90px
	}
	.pad-bottom{
		padding-bottom: 90px;
	}
	.pad-top-half{
		padding-top: 45px;
	}
	.pad-bottom-half{
		padding-bottom: 45px;
	}
	.section-header-name h4{
		font-size: 13px;
		line-height: 20px;
		margin: 40px 0px;
		padding: 20px;
	}
	.section-header-text p{
		font-size: 20px;
		line-height: 27px;
	}
	.slim-menu{
		display: none;
	}
	.header-content{
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 150px;
		padding-right: 150px;
	}
	.main-header.fixed-menu .header-content{
		padding-left: 100px;
		padding-right: 100px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.main-header.fixed-menu .main-menu-item{
		margin: 0px 8px;
	}
	.main-header.fixed-menu .main-menu-item a{
		font-size: 12px;
		line-height: 19px;
	}
	.home01 h1{
		font-size: 45px;
		line-height: 52px;
	}
	.home02 h1{
		font-size: 30px;
		line-height: 37px;
	}
	.home02-slider.owl-theme .owl-dots .owl-dot span{
		width: 13px;
		height: 13px;
	}
	.home04 h1{
		font-size: 37px;
  		line-height: 44px;
	}
	.home05 h1{
		font-size: 37px;
		line-height: 44px;
	}
	.about-promo-small h1{
		font-size: 26px;
		line-height: 33px;
	}
	.about-promo-small h1:after{
		margin-top: 15px;
		margin-bottom: 15px; 
	}
	.about-promo-small h3{
		font-size: 20px;
		line-height: 27px;
	}
	.bxslider-content span{
		font-size: 50px;
		line-height: 57px;
	}	
	.bxslider-content h1{
		font-size: 50px;
		line-height: 57px;
	}	
	.bxslider-content p{
		font-size: 13px;
		line-height: 20px;
	}
	.about-promo-big .period {
		font-size: 16px;
		line-height: 23px;
		padding-top: 40px;
		padding-bottom: 25px;
	}
	.about-promo-big h1{
		font-size: 22px;
		line-height: 36px;
	}
	.about-promo-big .dark-arrow:before{
		width: 80px;
		top: -41px;
	}
	.about-promo-big h3{
		font-size: 20px;
		line-height: 27px;
	}
	.services-left-panel h3{
		font-size: 22px;
		line-height: 29px;
	}
	.services-left-panel p{
		margin-top: 10px;
	}
	.services-item h1{
		font-size: 30px;
		line-height: 37px;
		margin-bottom: 10px;
	}
	.services-text-block .caption h5{
		font-size: 20px;
		line-height: 27px;
	}
	.services-text-block .content p{
		font-size: 13px;
		line-height: 20px;
	}
	.services-text-block .content span{
		font-size: 58px;
		line-height: 65px;
	}
	.clients-wrap {
		padding-left: 5%;
		padding-right: 5%;
	}
	.client{
		padding-left: 25px;
		padding-right: 25px; 
	}
	.clients-text-content{
		padding-left: 60px;
	}
	.clients-text-content h1{
		font-size: 65px;
		line-height: 72px;
	}
	.promo-section h1 {
		font-size: 31px;
		line-height: 38px;
		margin-bottom: 20px;
	}
	.promo-section p {
		font-size: 17px;
		line-height: 24px;
	}
	.promo-section .btn a{
		padding: 12px 20px;
		margin-top: 30px;
	}
	
	.shuffle__sizer{
		width: 33.334%;
	}
	.news-item-overlay {
		padding: 150px 60px;
	}
	.news-item h1{
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 21px;
		line-height: 28px;
	}
	.news-item p{
		font-size: 14px;
		line-height: 21px;
	}
	.inner-page-home h1{
		font-size: 36px;
		line-height: 43px;
		margin-bottom: 10px;
	}
	.single-project-home h1{
		font-size: 36px;
		line-height: 43px;
	}
	.news-post h1{
		font-size: 28px;
	    line-height: 35px;
	}

}


/*iPad Landscape Mode and Large Tablets */
@media (min-width: 961px) and (max-width: 990px) {
	.container{
		width: 930px;
	}
	.page-section{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.pad-top-special{
		padding-top: 80px;
	}
	.pad-bottom-special{
		padding-bottom: 80px;	
	}
	.pad-top{
		padding-top: 90px
	}
	.pad-bottom{
		padding-bottom: 90px;
	}
	.pad-top-half{
		padding-top: 45px;
	}
	.pad-bottom-half{
		padding-bottom: 45px;
	}
	.section-header-name h4{
		font-size: 13px;
		line-height: 20px;
		margin: 30px 0px;
		padding: 20px;
	}
	.section-header-text p{
		font-size: 20px;
		line-height: 27px;
	}
	.header-content{
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 150px;
		padding-right: 150px;
	}
	.slim-menu{
		display: none;
	}
	.main-header.fixed-menu .header-content{
		padding-left: 75px;
		padding-right: 75px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.main-header.fixed-menu .main-menu-item{
		margin: 0px 6px;
	}
	.main-header.fixed-menu .main-menu a{
		font-size: 11px;
		line-height: 18px;
	}
	.home01 h1{
		font-size: 40px;
		line-height: 47px;
	}
	.home02 h1{
		font-size: 30px;
		line-height: 37px;
	}
	.home02-slider.owl-theme .owl-dots .owl-dot span{
		width: 13px;
		height: 13px;
	}
	.home04 h1{
		font-size: 37px;
  		line-height: 44px;
	}
	.home05 h1{
		font-size: 37px;
		line-height: 44px;
	}
	.about-promo-small h1{
		font-size: 24px;
		line-height: 31px;
	}
	.about-promo-small h1:after{
		margin-top: 10px;
		margin-bottom: 5px; 
	}
	.about-promo-small h3{
		font-size: 20px;
		line-height: 27px;
	}
	.bxslider-content span{
		font-size: 48px;
		line-height: 55px;
	}
	.bxslider-content h1{
		font-size: 48px;
		line-height: 55px;
	}	
	.bxslider-content p{
		font-size: 13px;
		line-height: 20px;
		margin-top: 15px;
		padding-top: 15px;
	}
	.about-promo-big .period {
		font-size: 16px;
		line-height: 23px;
		padding-top: 40px;
		padding-bottom: 25px;
	}
	.about-promo-big h1{
		font-size: 22px;
		line-height: 36px;
	}
	.about-promo-big .dark-arrow:before{
		width: 80px;
		top: -41px;
	}
	.about-promo-big h3{
		font-size: 18px;
		line-height: 25px;
	}
	.services-left-panel ul li{
		margin-bottom: 45px;
	}
	.services-left-panel h3{
		font-size: 22px;
		line-height: 29px;
	}
	.services-left-panel p{
		margin-top: 10px;
	}
	.services-item h1{
		font-size: 30px;
		line-height: 37px;
		margin-bottom: 10px;
	}
	.services-text-block .caption h5{
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 30px;
	}
	.services-text-block .content span{
		font-size: 60px;
		line-height: 67px;
	}
	.services-text-block .content h6 {
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 15px;
	}	
	.services-text-block .content p{
		font-size: 13px;
		line-height: 20px;
	}
	.clients-wrap {
		padding-left: 5%;
		padding-right: 5%;
	}
	.client{
		padding-left: 25px;
		padding-right: 25px; 
	}
	.clients-text-content{
		padding-left: 60px;
	}
	.clients-text-content h1{
		font-size: 60px;
		line-height: 67px;
		margin-bottom: 5px;
	}
	.clients-text-content p{
		font-size: 12px;
		line-height: 19px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.team-member-details p{
		font-size: 12px;
		line-height: 19px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.promo-section h1 {
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	.promo-section p {
		font-size: 15px;
		line-height: 22px;
	}
	.promo-section .btn a{
		padding: 12px 20px;
		margin-top: 30px;
	}
	.shuffle__sizer{
		width: 33.334%;
	}
	.social-slider.owl-theme .owl-controls{
		display: none;
	}
	.news-item-overlay {
		padding: 150px 60px;
	}
	.news-item h1{
		font-size: 22px;
		line-height: 29px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.news-item p{
		font-size: 14px;
		line-height: 21px;
	}
	.map-wrap{
		height: 500px;
	}
	.map{
		height: 500px;
	}
	.inner-page-home h1{
		font-size: 36px;
		line-height: 43px;
	}
	.single-project-home h1{
		font-size: 36px;
		line-height: 43px;
	}
	.news-post h1{
		font-size: 28px;
	    line-height: 35px;
	}
	.news-post .button a{
		padding: 6px 15px;
	}
	.news-page-sidebar h4{
		font-size: 16px;
	    line-height: 23px;
	}
	.news-page-sidebar .news-type-list ul li{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.news-page-sidebar a{
		font-size: 13px;
	    line-height: 20px;
	}
	.news-page-sidebar .recent-posts a{
		font-size: 13px;
	    line-height: 20px;
	}
	.news-page-sidebar a{
		font-size: 13px;
	    line-height: 20px;
	}
	.single-project-slider.owl-theme .owl-controls .owl-dots span{
		width: 12px;
		height: 12px;
	}
	.error-home h1{
		font-size: 50px;
	    line-height: 57px;
	}
	.error-home p{
		font-size: 18px;
	    line-height: 25px;
	}

}


/*Small Desktop and Very Small Notebook */
@media (min-width: 801px) and (max-width: 960px) {
	.container{
		width: 760px;
	}
	.page-section{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.pad-top-special{
		padding-top: 70px;
	}
	.pad-bottom-special{
		padding-bottom: 70px;	
	}
	.pad-top{
		padding-top: 70px
	}
	.pad-bottom{
		padding-bottom: 70px;
	}
	.pad-top-half{
		padding-top: 35px;
	}
	.pad-bottom-half{
		padding-bottom: 35px;
	}
	.section-header-name h4{
		font-size: 13px;
		line-height: 20px;
		margin: 30px 0px;
		padding: 20px;
	}
	.section-header-text p{
		font-size: 18px;
		line-height: 25px;
	}
	.slimmenu{
		display: block;
	}
	.main-header.fixed-menu{
		display: none;
	}
	.header-content{
		padding-left: 125px;
		padding-right: 125px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.home01 h1{
		font-size: 40px;
		line-height: 47px;
	}
	.home02 h1{
		font-size: 25px;
		line-height: 32px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.home02 h2{
		font-size: 25px;
		line-height: 32px;
	}
	.home02-slider.owl-theme .owl-dots .owl-dot span{
		width: 10px;
		height: 10px;
	}
	.home03 .top-line{
		display: none;
	}
	.home04 h1{
		font-size: 37px;
  		line-height: 44px;
	}
	.home05 h1{
		font-size: 37px;
		line-height: 44px;
	}
	.about-promo-small h1{
		font-size: 24px;
		line-height: 31px;
	}
	.about-promo-small h1:after{
		margin-top: 5px;
		margin-bottom: 0px; 
	}
	.about-promo-small h3{
		font-size: 20px;
		line-height: 27px;
	}
	.bx-pager-button{
		height: 90px;
	}
	.bx-wrapper{
		margin-top: 90px;
	}
	.pager-text{
		font-size: 12px;
		line-height: 19px;
	}
	.bxslider-content h1{
		font-size: 45px;
		line-height: 52px;
	}	
	.bxslider-content p{
		font-size: 13px;
		line-height: 20px;
	}
	.about-promo-big .period {
		font-size: 16px;
		line-height: 23px;
		padding-top: 40px;
		padding-bottom: 25px;
	}
	.about-promo-big h1{
		font-size: 22px;
		line-height: 36px;
	}
	.about-promo-big .dark-arrow:before{
		width: 70px;
		top: -36px;
	}
	.about-promo-big h3{
		font-size: 20px;
		line-height: 27px;
	}
	.services-left-panel ul li{
		margin-bottom: 45px;
	}
	.services-left-panel h3{
		font-size: 20px;
		line-height: 27px;
	}
	.services-left-panel p{
		font-size: 16px;
		line-height: 23px;
		margin-top: 5px;
	}
	.services-item h1{
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 5px;
	}
	.services-item p{
		font-size: 20px;
		line-height: 27px;
	}
	.services-text-block .caption h5{
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 30px;
	}
	.services-text-block .content h6 {
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 15px;
	}	
	.services-text-block .content p{
		font-size: 13px;
		line-height: 20px;
	}
	.clients-wrap {
		padding-left: 5%;
		padding-right: 5%;
	}
	.client{
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px; 
	}
	.clients-text-content{
		padding-left: 40px;
	}
	.clients-text-content h1{
		font-size: 60px;
		line-height: 67px;
		margin-bottom: 5px;
	}
	.clients-text-content p{
		font-size: 12px;
		line-height: 19px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.team-member-details p{
		font-size: 12px;
		line-height: 19px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.promo-section h1 {
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	.promo-section p {
		font-size: 15px;
		line-height: 22px;
	}
	.promo-section .btn a{
		padding: 10px 15px;
		margin-top: 20px;
	}
	.shuffle__sizer{
		width: 50%;
	}
	.social-slider.owl-theme .owl-controls{
		display: none;
	}
	.news-item-overlay {
		padding: 150px 125px;
	}
	.news-item h4 {
	   font-size: 14px;
	   line-height: 21px;
	   padding-left: 10px;
	}  
	.news-item h1{
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 27px;
		line-height: 34px;
	}
	.news-item p{
		font-size: 13px;
		line-height: 20px;
	}
	.map-wrap{
		height: 500px;
	}
	.map{
		height: 500px;
	}
	.footer .social-icons {
		margin-top: 45px;
		margin-bottom: 45px;
	}
	.inner-page-home h1{
		font-size: 36px;
		line-height: 43px;
		margin-bottom: 5px;
	}
	.inner-page-home p{
		font-size: 13px;
		line-height: 20px;
		letter-spacing: 2px;
	}
	.single-project-home h1{
		font-size: 32px;
		line-height: 39px;
	}
	.news-post h1{
		font-size: 28px;
	    line-height: 35px;
	}
	.respond{
		margin-top: 40px;
		margin-bottom: 75px;
	}
	.respond h3{
		font-size: 21px;
		line-height: 28px;
	}
	.respond input[type="text"]{
		width: 80%;
		margin-bottom: 15px;
	}
	.respond textarea{
		width: 80%;
	}
	.news-post .button a{
		padding: 6px 15px;
	}
	.news-page-sidebar h4{
		font-size: 16px;
	    line-height: 23px;
	}
	.news-page-sidebar .news-type-list ul li{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.news-page-sidebar a{
		font-size: 13px;
	    line-height: 20px;
	}
	.news-page-sidebar .recent-posts a{
		font-size: 13px;
	    line-height: 20px;
	}
	.news-page-sidebar a{
		font-size: 13px;
	    line-height: 20px;
	}
	.single-project-slider.owl-theme .owl-controls .owl-dots span{
		width: 12px;
		height: 12px;
	}
	.error-home h1{
		font-size: 47px;
	    line-height: 54px;
	}
	.error-home p{
		font-size: 17px;
	    line-height: 24px;
	}


}


/*windows machine 782px*/
@media (min-width: 751px) and (max-width: 800px) { 
	.container{
		max-width: 720px;
	}
	.page-section{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.pad-top-special{
		padding-top: 60px;
	}
	.pad-bottom-special{
		padding-bottom: 60px;	
	}
	.pad-top{
		padding-top: 60px
	}
	.pad-bottom{
		padding-bottom: 60px;
	}
	.pad-top-half{
		padding-top: 35px;
	}
	.pad-bottom-half{
		padding-bottom: 35px;
	}
	.pad-min-top-half{
		padding-top: 20px;
	}
	.pad-min-bottom-half{
		padding-bottom: 20px;
	}
	.section-header-name h4{
		font-size: 13px;
		line-height: 20px;
		margin: 30px 0px;
		padding: 20px;
	}
	.section-header-text p{
		font-size: 18px;
		line-height: 25px;
	}
	.header-content{
		padding-left: 125px;
		padding-right: 125px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.slimmenu{
		display: block;
	}
	.main-header.fixed-menu{
		display: none;
	}
	.main-menu{
		padding: 0px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.main-menu-item{
		display: block;
		margin: 7px 0px;
	}
	.main-menu-item a{
		font-size: 12px;
		line-height: 19px;
		padding-bottom: 0px;
		border-bottom: 0px;
	}
	.sub-menu{
		position: relative;
		top: 0px;
		padding-top: 0px;
		padding-left: 0px;
		text-align: center;
	}
	.sub-menu .sub-menu-item{
		display: block;
	}
	.sub-menu .sub-menu-item a{
		font-size: 10px;
		line-height: 17px;
		margin: 5px 0px;
		padding: 0px;
	}
	.home01 h1{
		font-size: 35px;
		line-height: 42px;
	}
	.home02 h1{
		font-size: 25px;
		line-height: 32px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.home02 h2{
		font-size: 25px;
		line-height: 32px;
	}
	.home02-slider.owl-theme .owl-dots .owl-dot span{
		width: 10px;
		height: 10px;
	}
	.home03 .top-line{
		display: none;
	}
	.home04 h1{
		font-size: 32px;
		line-height: 39px;
	}
	.home05 h1{
		font-size: 32px;
		line-height: 39px;
	}
	.about-promo-small h1{
		font-size: 22px;
		line-height: 29px;
		margin: 0px 35px;
	}
	.about-promo-small h1:after{
		margin-top: 5px;
		margin-bottom: 0px; 
	}
	.about-promo-small h3{
		font-size: 19px;
		line-height: 26px;
	}
	.bx-pager-button{
		height: 90px;
	}
	.bx-wrapper{
		margin-top: 90px;
	}
	.pager-text{
		font-size: 12px;
		line-height: 19px;
	}
	.bxslider-content span{
		font-size: 40px;
		line-height: 47px;
	}	
	.bxslider-content h1{
		font-size: 40px;
		line-height: 47px;
	}	
	.bxslider-content p{
		font-size: 13px;
		line-height: 20px;
		padding-top: 10px;
		margin-top: 10px;
	}
	.about-promo-big .period {
		font-size: 14px;
		line-height: 21px;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.about-promo-big h1{
		font-size: 22px;
		line-height: 36px;
	}
	.about-promo-big .dark-arrow:before{
		width: 60px;
		top: -31px;
	}
	.about-promo-big h3{
		font-size: 18px;
		line-height: 25px;
	}
	.services-left-panel ul li{
		margin-bottom: 45px;
	}
	.services-left-panel h3{
		font-size: 20px;
		line-height: 27px;
	}
	.services-left-panel p{
		font-size: 16px;
		line-height: 23px;
		margin-top: 5px;
	}
	.services-item h1{
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 5px;
	}
	.services-item p{
		font-size: 20px;
		line-height: 27px;
	}
	.services-text-block .caption h5{
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 30px;
	}
	.services-text-block .caption h5:after{
		width: 30%;
		margin-top: 20px;
		margin-bottom: 55px;
	}
	.services-text-block .content{
		width: 50%;
		margin: 0 auto;
		margin-bottom: 45px;
	}
	.services-text-block .content span {
		font-size: 50px;
		line-height: 57px;
	}
	.services-text-block-content div:last-child .content{
		margin-bottom: 0px;
	}
	.services-text-block .content h6 {
		font-size: 13px;
		line-height: 20px;
		margin-top: 0px;
		margin-bottom: 5px;
	}	
	.services-text-block .content p{
		font-size: 13px;
		line-height: 20px;
	}
	.clients-wrap {
		padding-left: 5%;
		padding-right: 5%;
	}
	.client{
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px; 
	}
	.clients-text-content{
		padding-left: 40px;
	}
	.clients-text-content h1{
		font-size: 55px;
		line-height: 62px;
		margin-bottom: 5px;
	}
	.clients-text-content p{
		font-size: 12px;
		line-height: 19px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.team-member-details p{
		font-size: 12px;
		line-height: 19px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.promo-section h1 {
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	.promo-section p {
		font-size: 15px;
		line-height: 22px;
	}
	.promo-section .btn a{
		padding: 10px 15px;
		margin-top: 20px;
	}
	.shuffle__sizer{
		width: 50%;
	}
	.social-slider.owl-theme .owl-controls{
		display: none;
	}
	.news-item-overlay {
		padding: 150px 150px;
	}
	.news-item h4{
		font-size: 14px;
		line-height: 21px;
		padding-left: 10px;
	}
	.news-item h1{
		font-size: 20px;
		line-height: 27px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.news-item p{
		font-size: 14px;
		line-height: 21px;
	}
	.map-wrap{
		height: 500px;
	}
	.map{
		height: 500px;
	}
	.contact-form{
		width: 300px;
		padding: 30px;
	}
	.footer .social-icons {
		margin-top: 35px;
		margin-bottom: 35px;
	}
	.footer .social-icons span{
		margin-bottom: 25px;
	}
	.footer .contact-details span{
		margin-bottom: 0px;
	}
	.contact-details div{
		margin-bottom: 0px;
	}
	.inner-page-home h1{
		font-size: 32px;
		line-height: 39px;
		margin-bottom: 5px;
	}
	.inner-page-home p{
		font-size: 13px;
		line-height: 20px;
		letter-spacing: 2px;
	}
	.single-project-home h1{
		font-size: 32px;
		line-height: 39px;
	}
	.news-post h1{
		font-size: 26px;
	    line-height: 33px;
	}
	.respond{
		margin-top: 40px;
		margin-bottom: 75px;
	}
	.respond h3{
		font-size: 21px;
		line-height: 28px;
	}
	.respond input[type="text"]{
		width: 80%;
		margin-bottom: 15px;
	}
	.respond textarea{
		width: 80%;
	}
	.newspage-nav{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.newspage-nav a{
		font-size: 10px;
		line-height: 17px;
		padding: 10px 7px;
	}
	.news-post-details span{
		font-size: 11px;
		line-height: 18px;
	}
	.news-post-details p{
		font-size: 11px;
		line-height: 18px;
	}
	.news-post .button a{
		padding: 4px 12px;
	}
	.news-page-sidebar h4{
		font-size: 15px;
	    line-height: 22px;
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
	.news-page-sidebar .news-type-list ul li{
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar .recent-posts a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.single-project-slider.owl-theme .owl-controls .owl-dots span{
		width: 12px;
		height: 12px;
	}	
	.error-home h1{
		font-size: 45px;
	    line-height: 52px;
	}
	.error-home p{
		font-size: 16px;
	    line-height: 23px;
	}

}


/*iPad Portrait Mode, iPad Mini and Small Tablets */
@media (min-width: 739px) and (max-width: 750px) {
	.container{
		max-width: 700px;
	}
	.page-section{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.pad-top-special{
		padding-top: 60px;
	}
	.pad-bottom-special{
		padding-bottom: 60px;	
	}
	.pad-top{
		padding-top: 60px
	}
	.pad-bottom{
		padding-bottom: 60px;
	}
	.pad-top-half{
		padding-top: 30px;
	}
	.pad-bottom-half{
		padding-bottom: 30px;
	}
	.pad-min-top-half{
		padding-top: 20px;
	}
	.pad-min-bottom-half{
		padding-bottom: 20px;
	}
	.section-header-name h4{
		font-size: 13px;
		line-height: 20px;
		margin: 30px 0px;
		padding: 20px;
	}
	.section-header-text p{
		font-size: 18px;
		line-height: 25px;
	}
	.slimmenu{
		display: block;
	}
	.main-header.fixed-menu{
		display: none;
	}
	.header-content{
		padding-left: 125px;
		padding-right: 125px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.main-menu{
		padding: 0px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.main-menu-item{
		display: block;
		margin: 7px 0px;
	}
	.main-menu-item a{
		font-size: 12px;
		line-height: 19px;
		padding-bottom: 0px;
		border-bottom: 0px;
	}
	.sub-menu{
		position: relative;
		top: 0px;
		padding-top: 0px;
		padding-left: 0px;
		text-align: center;
	}
	.sub-menu .sub-menu-item{
		display: block;
	}
	.sub-menu .sub-menu-item a{
		font-size: 10px;
		line-height: 17px;
		margin: 5px 0px;
		padding: 0px;
	}
	.home01 h1{
		font-size: 35px;
		line-height: 42px;
		letter-spacing: 12px;
		padding-left: 10px;
	}
	.home02 h1{
		font-size: 25px;
		line-height: 32px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.home02 h2{
		font-size: 25px;
		line-height: 32px;
	}
	.home02-slider.owl-theme .owl-dots .owl-dot span{
		width: 10px;
		height: 10px;
	}
	.home03 .top-line{
		display: none;
	}
	.home03 .cd-headline{
	    font-size: 28px;
	    line-height: 35px;
	}
	.home03 .cd-headline.loading-bar span{
	    font-size: 28px;
	    line-height: 35px;
	}
	.home03 .cd-headline.loading-bar b.is-visible{
	    font-size: 28px;
	    line-height: 35px;
	}
	.home04 h1{
		font-size: 30px;
		line-height: 37px;
	}
	.home05 h1{
		font-size: 30px;
		line-height: 37px;
	}
	.about-promo-small h1{
		font-size: 22px;
		line-height: 29px;
	}
	.about-promo-small h1:after{
		margin-top: 5px;
		margin-bottom: 0px; 
	}
	.about-promo-small h3{
		font-size: 19px;
		line-height: 26px;
	}
	.bx-pager-button{
		height: 90px;
	}
	.bx-wrapper{
		margin-top: 90px;
	}
	.pager-text{
		font-size: 12px;
		line-height: 19px;
	}
	.bxslider-content .bx-slider-item{
		padding: 0px 5px;
	}
	.bxslider-content span{
		font-size: 40px;
		line-height: 47px;
	}
	.bxslider-content h1{
		font-size: 40px;
		line-height: 47px;
	}
	.bxslider-content p{
		font-size: 13px;
		line-height: 20px;
		padding-top: 10px;
		margin-top: 10px;
	}
	.about-promo-big .period {
		font-size: 14px;
		line-height: 21px;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.about-promo-big h1{
		font-size: 20px;
		line-height: 34px;
	}
	.about-promo-big .dark-arrow:before{
		width: 60px;
		top: -31px;
	}
	.about-promo-big h3{
		font-size: 18px;
		line-height: 25px;
	}
	.services-left-panel ul li{
		margin-bottom: 45px;
	}
	.services-left-panel h3{
		font-size: 20px;
		line-height: 27px;
	}
	.services-left-panel p{
		font-size: 16px;
		line-height: 23px;
		margin-top: 5px;
	}
	.services-item h1{
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 5px;
	}
	.services-item p{
		font-size: 20px;
		line-height: 27px;
	}
	.services-text-block .caption h5{
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 30px;
	}
	.services-text-block .caption h5:after{
		width: 30%;
		margin-top: 20px;
		margin-bottom: 50px;
	}
	.services-text-block .content span {
		font-size: 50px;
		line-height: 57px;
	}
	.services-text-block .content{
		width: 50%;
		margin: 0 auto;
		margin-bottom: 45px;
	}
	.services-text-block-content div :last-child .content {
		margin-bottom: 0px;
	}
	.services-text-block .content h6 {
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 15px;
	}	
	.services-text-block .content p{
		font-size: 13px;
		line-height: 20px;
	}
	.clients-wrap {
		padding-left: 5%;
		padding-right: 5%;
	}
	.client{
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 5px;
		padding-right: 5px; 
	}
	.clients-text-content{
		padding-left: 40px;
	}
	.clients-text-content h1{
		font-size: 55px;
		line-height: 62px;
		margin-bottom: 5px;
	}
	.clients-text-content p{
		font-size: 12px;
		line-height: 19px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.team-member-details p{
		font-size: 11px;
		line-height: 18px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.promo-section h1 {
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	.promo-section p {
		font-size: 15px;
		line-height: 22px;
	}
	.promo-section .btn a{
		font-size: 10px;
		line-height: 17px;
		padding: 10px 15px;
		margin-top: 20px;
	}
	.portfolio-item-details h5{
		font-size: 12px;
		line-height: 19px;
	}
	.portfolio-item-details p{
		font-size: 13px;
		line-height: 20px;
	}
	.shuffle__sizer{
		width: 50%;
	}
	.social-slider.owl-theme .owl-controls{
		display: none;
	}
	.news-item-overlay {
		padding: 150px 150px;
	}
	.news-item h1{
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 27px;
	}
	.news-item h4 {
		font-size: 13px;
		line-height: 23px;
		padding-left: 10px;
	}	
	.news-item p{
		font-size: 14px;
		line-height: 21px;
	}
	.map-wrap{
		height: 500px;
	}
	.map{
		height: 500px;
	}
	.contact-form{
		width: 300px;
		padding: 30px;
	}
	.footer .social-icons {
		margin-top: 35px;
		margin-bottom: 35px;
	}
	.footer .social-icons span{
		margin-bottom: 25px;
	}
	.footer .contact-details span{
		margin-bottom: 0px;
	}
	.contact-details div{
		margin-bottom: 0px;
	}
	.contact-details div{
		margin-bottom: 0px;
	}
	.contact-form button {
		font-size: 10px;
		line-height: 17px;
		padding: 3px 20px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.inner-page-home h1{
		font-size: 30px;
		line-height: 37px;
		margin-bottom: 5px;
	}
	.inner-page-home p{
		font-size: 12px;
		line-height: 19px;
		letter-spacing: 2px;
	}
	.single-project-home h1{
		font-size: 30px;
		line-height: 37px;
	}
	.news-post h1{
		font-size: 23px;
	    line-height: 30px;
	}
	.news-post p{
		font-size: 13px;
	    line-height: 20px;
	}
	.news-post-details p{
		font-size: 13px;
	    line-height: 20px;
	    margin: 0px;
	}
	.news-post .news-post-details a{
		font-size: 13px;
	    line-height: 20px;
	}
	.comment-count{
		font-size: 21px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	.comments ul li p{
		font-size: 13px;
	    line-height: 20px;
	    padding-top: 5px;
	}
	.respond{
		margin-top: 40px;
		margin-bottom: 75px;
	}
	.respond h3{
		font-size: 21px;
		line-height: 28px;
	}
	.respond input[type="text"]{
		width: 80%;
		margin-bottom: 15px;
	}
	.respond textarea{
		width: 80%;
	}
	.newspage-nav{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.newspage-nav a{
		font-size: 10px;
		line-height: 17px;
		padding: 10px 7px;
	}	
	.news-post-details span{
		font-size: 11px;
		line-height: 18px;
	}
	.news-post-details p{
		font-size: 11px;
		line-height: 18px;
	}
	.news-post .button a{
		padding: 4px 12px;
	}
	.news-page-sidebar h4{
		font-size: 15px;
	    line-height: 22px;
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
	.news-page-sidebar .news-type-list ul li{
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar .recent-posts a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.single-project-slider.owl-theme .owl-controls .owl-dots span{
		width: 10px;
		height: 10px;
	}	
	.error-home h1{
		font-size: 42px;
	    line-height: 49px;
	}
	.error-home p{
		font-size: 16px;
	    line-height: 23px;
	}


}


@media (min-width: 668px) and (max-width: 738px) {
	.container{
		max-width: 630px;
	}
	.page-section{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.pad-top-special{
		padding-top: 60px;
	}
	.pad-bottom-special{
		padding-bottom: 60px;	
	}
	.pad-top{
		padding-top: 60px
	}
	.pad-bottom{
		padding-bottom: 60px;
	}
	.pad-top-half{
		padding-top: 30px;
	}
	.pad-bottom-half{
		padding-bottom: 30px;
	}
	.pad-min-top-half{
		padding-top: 20px;
	}
	.pad-min-bottom-half{
		padding-bottom: 20px;
	}
	.section-header-name h4{
		font-size: 13px;
		line-height: 20px;
		margin: 30px 0px;
		padding: 20px;
	}
	.section-header-text p{
		font-size: 18px;
		line-height: 25px;
	}
	.slimmenu{
		display: block;
	}
	.main-header.fixed-menu{
		display: none;
	}
	.header-content{
		padding-left: 100px;
		padding-right: 100px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.main-menu{
		padding: 0px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.main-menu-item{
		display: block;
		margin: 7px 0px;
	}
	.main-menu-item a{
		font-size: 12px;
		line-height: 19px;
		padding-bottom: 0px;
		border-bottom: 0px;
	}
	.sub-menu{
		position: relative;
		top: 0px;
		padding-top: 0px;
		padding-left: 0px;
		text-align: center;
	}
	.sub-menu .sub-menu-item{
		display: block;
	}
	.sub-menu .sub-menu-item a{
		font-size: 10px;
		line-height: 17px;
		margin: 5px 0px;
		padding: 0px;
	}
	.home01 h1{
		font-size: 30px;
		line-height: 37px;
		letter-spacing: 10px;
		padding-left: 7px;
	}
	.home02 h1{
		font-size: 25px;
		line-height: 32px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.home02 h2{
		font-size: 25px;
		line-height: 32px;
	}
	.home02-slider.owl-theme .owl-dots .owl-dot span{
		width: 10px;
		height: 10px;
	}
	.home03 .top-line{
		display: none;
	}
	.home03 .cd-headline{
	    font-size: 28px;
	    line-height: 35px;
	}
	.home03 .cd-headline.loading-bar span{
	    font-size: 28px;
	    line-height: 35px;
	}
	.home03 .cd-headline.loading-bar b.is-visible{
	    font-size: 28px;
	    line-height: 35px;
	}
	.home04 h1{
		font-size: 30px;
		line-height: 37px;
	}
	.home05 h1{
		font-size: 30px;
		line-height: 37px;
	}
	.about-promo-small h1{
		font-size: 22px;
		line-height: 29px;
	}
	.about-promo-small h1:after{
		margin-top: 5px;
		margin-bottom: 0px; 
	}
	.about-promo-small h3{
		font-size: 19px;
		line-height: 26px;
	}
	.bx-pager-button{
		height: 90px;
	}
	.bx-wrapper{
		margin-top: 90px;
	}
	.pager-text{
		font-size: 12px;
		line-height: 19px;
	}
	.bxslider-content span{
		font-size: 45px;
		line-height: 52px;
	}
	.bxslider-content h1{
		font-size: 45px;
		line-height: 52px;
	}	
	.bxslider-content p{
		font-size: 13px;
		line-height: 20px;
		padding-top: 10px;
		margin-top: 10px;
	}
	.about-promo-big .period {
		font-size: 14px;
		line-height: 21px;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.about-promo-big h1{
		font-size: 20px;
		line-height: 32px;
	}
	.about-promo-big .dark-arrow:before{
		width: 60px;
		top: -31px;
	}
	.about-promo-big h3{
		font-size: 18px;
		line-height: 25px;
	}
	.services-left-panel ul li{
		margin-bottom: 45px;
	}
	.services-left-panel h3{
		font-size: 20px;
		line-height: 27px;
	}
	.services-left-panel p{
		font-size: 16px;
		line-height: 23px;
		margin-top: 5px;
	}
	.services-item h1{
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 5px;
	}
	.services-item p{
		font-size: 20px;
		line-height: 27px;
	}
	.services-text-block .content{
		margin-bottom: 45px;
	}
	.services-text-block .caption h5{
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 30px;
	}
	.services-text-block .content span {
		font-size: 50px;
		line-height: 57px;
	}
	.services-text-block .content{
		width: 50%;
		margin: 0 auto;
		margin-bottom: 45px;
	}
	.services-text-block-content div:last-child .content{
		margin-bottom: 0px;
	}
	.services-text-block .caption h5:after{
		width: 30%;
		margin-top: 20px;
		margin-bottom: 45px;
	}
	.services-text-block .content h6 {
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 10px;
	}	
	.services-text-block .content p{
		font-size: 13px;
		line-height: 20px;
	}
	.clients-wrap {
		padding-left: 0%;
		padding-right: 0%;
	}
	.client{
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 5px;
		padding-right: 5px; 
	}
	.client img{
		width: 75%;
	}
	.clients-text-content{
		padding-left: 40px;
	}
	.clients-text-content h1{
		font-size: 45px;
		line-height: 52px;
		margin-bottom: 5px;
	}
	.clients-text-content p{
		font-size: 12px;
		line-height: 19px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.team-member-details p{
		font-size: 12px;
		line-height: 19px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.promo-section h1 {
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	.promo-section p {
		font-size: 15px;
		line-height: 22px;
	}
	.promo-section .btn a{
		font-size: 10px;
		line-height: 17px;
		padding: 10px 15px;
		margin-top: 20px;
	}
	.shuffle__sizer{
		width: 50%;
	}
	.portfolio-mask-content a{
		font-size: 25px;
		line-height: 32px;
	}
	.portfolio-mask-content p{
		font-size: 12px;
		line-height: 19px;
	}
	.social-slider.owl-theme .owl-controls{
		display: none;
	}
	.news-item-overlay {
		padding: 150px 125px;
	}
	.news-item h1 {
	  	margin-top: 10px;
	  	margin-bottom: 10px;
	  	font-size: 20px;
	  	line-height: 27px;
	}
	.news-item h4 {
		font-size: 13px;
		line-height: 23px;
		padding-left: 10px;
	}	
	.news-item p{
		font-size: 14px;
		line-height: 21px;
	}
	.map-wrap{
		height: 500px;
	}
	.map{
		height: 500px;
	}
	.contact-form{
		width: 300px;
		padding: 30px;
	}
	.footer .contact-details p{
		font-size: 12px;
		line-height: 19px;
	}
	.footer .social-icons {
		margin-top: 35px;
		margin-bottom: 35px;
	}
	.footer .social-icons span{
		margin-bottom: 25px;
	}
	.contact-details div{
		margin-bottom: 0px;
	}
	.contact-form button {
		font-size: 10px;
		line-height: 17px;
		padding: 3px 20px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.inner-page-home h1{
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 5px;
	}
	.inner-page-home p{
		font-size: 15px;
		line-height: 22px;
		letter-spacing: 1px;
	}
	.single-project-home h1{
		font-size: 28px;
		line-height: 35px;
	}
	.news-post h1{
		font-size: 23px;
	    line-height: 30px;
	    margin-bottom: 0px;
	}
	.news-post p{
		font-size: 13px;
	    line-height: 20px;
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	.news-post-details p{
		font-size: 13px;
	    line-height: 20px;
	    margin-bottom: 0px;
	}
	.news-post .news-post-details a{
		font-size: 13px;
	    line-height: 20px;
	}
	.comments{
		margin: 30px 0px;
	}
	.comment-count{
		font-size: 21px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	.comment-info span{
		font-size: 13px;
	    line-height: 20px;
	    margin-right: 20px;
	}
	.comment-info a{
		font-size: 13px;
	    line-height: 20px;
	}
	.comments ul li p{
		font-size: 13px;
	    line-height: 20px;
	    padding-top: 5px;
	}
	.respond{
		margin-top: 40px;
		margin-bottom: 75px;
	}
	.respond h3{
		font-size: 21px;
		line-height: 28px;
	}
	.control-group label{
		font-size: 13px;
		line-height: 20px;
	}
	.comment-text label{
		font-size: 13px;
		line-height: 20px;
	}
	.respond input[type="text"]{
		width: 80%;
		margin-bottom: 15px;
	}
	.respond textarea{
		width: 80%;
	}
	.respond input[type="submit"]{
		font-size: 13px;
		line-height: 20px;
	}
	.newspage-nav{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.newspage-nav a{
		font-size: 10px;
		line-height: 17px;
		padding: 10px 7px;
	}
	.news-post-details span{
		font-size: 11px;
		line-height: 18px;
	}
	.news-post-details p{
		font-size: 11px;
		line-height: 18px;
	}
	.news-post .button a{
		font-size: 11px;
		line-height: 18px;
		padding: 4px 12px;
	}
	.news-page-sidebar .search button{
		font-size: 17px;
		line-height: 24px;
	}
	.news-page-sidebar .search input{
		padding: 2px;
	}
	.news-page-sidebar h4{
		font-size: 15px;
	    line-height: 22px;
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
	.news-page-sidebar .news-type-list ul li{
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar .recent-posts a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.single-project-slider.owl-theme .owl-controls .owl-dots span{
		width: 10px;
		height: 10px;
	}	
	.error-home h1{
		font-size: 42px;
	    line-height: 49px;
	}
	.error-home p{
		font-size: 16px;
	    line-height: 23px;
	}


}


/*Medium Smart Phones v2*/
@media (min-width: 641px) and (max-width: 667px) {
	.container{
		max-width: 610px;
	}
	.page-section{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.pad-top-special{
		padding-top: 50px;
	}
	.pad-bottom-special{
		padding-bottom: 50px;	
	}
	.pad-top{
		padding-top: 50px
	}
	.pad-bottom{
		padding-bottom: 50px;
	}
	.pad-top-half{
		padding-top: 25px;
	}
	.pad-bottom-half{
		padding-bottom: 25px;
	}
	.pad-min-top-half{
		padding-top: 20px;
	}
	.pad-min-bottom-half{
		padding-bottom: 20px;
	}
	.section-header-name h4{
		font-size: 13px;
		line-height: 20px;
		margin: 30px 0px;
		padding: 20px;
	}
	.section-header-text p{
		font-size: 18px;
		line-height: 25px;
	}
	.slimmenu{
		display: block;
	}
	.main-header.fixed-menu{
		display: none;
	}
	.header-content{
		padding-left: 100px;
		padding-right: 100px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.main-menu{
		padding: 0px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.main-menu-item{
		display: block;
		margin: 7px 0px;
	}
	.main-menu-item a{
		font-size: 12px;
		line-height: 19px;
		padding-bottom: 0px;
		border-bottom: 0px;
	}
	.sub-menu{
		position: relative;
		top: 0px;
		padding-top: 0px;
		padding-left: 0px;
		text-align: center;
	}
	.sub-menu .sub-menu-item{
		display: block;
	}
	.sub-menu .sub-menu-item a{
		font-size: 10px;
		line-height: 17px;
		margin: 5px 0px;
		padding: 0px;
	}
	.home01 h1{
		font-size: 30px;
		line-height: 37px;
		letter-spacing: 10px;
		padding-left: 7px;
	}
	.home02 h1{
		font-size: 25px;
		line-height: 32px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.home02 h2{
		font-size: 25px;
		line-height: 32px;
	}
	.home02-slider.owl-theme .owl-dots .owl-dot span{
		width: 10px;
		height: 10px;
	}
	.home03 .top-line{
		display: none;
	}
	.home03 .cd-headline{
	    font-size: 28px;
	    line-height: 35px;
	}
	.home03 .cd-headline.loading-bar span{
	    font-size: 28px;
	    line-height: 35px;
	}
	.home03 .cd-headline.loading-bar b.is-visible{
	    font-size: 28px;
	    line-height: 35px;
	}
	.home04 h1{
		font-size: 30px;
		line-height: 37px;
	}
	.home05 h1{
		font-size: 30px;
		line-height: 37px;
	}
	.about-promo-small h1{
		font-size: 20px;
		line-height: 27px;
	}
	.about-promo-small h1:after{
		margin-top: 5px;
		margin-bottom: 0px; 
	}
	.about-promo-small h3{
		font-size: 18px;
		line-height: 25px;
	}
	.bx-pager-button{
		height: 90px;
	}
	.bx-wrapper{
		margin-top: 90px;
	}
	.pager-text{
		font-size: 12px;
		line-height: 19px;
	}
	.bxslider-content .bx-slider-item{
		padding: 0px;
	}
	.bxslider-content span{
		font-size: 30px;
		line-height: 37px;
	}
	.bxslider-content h1{
		font-size: 30px;
		line-height: 37px;
	}	
	.bxslider-content p{
		font-size: 12px;
		line-height: 19px;
		padding-top: 8px;
		margin-top: 8px;
	}
	.about-promo-big .period {
		font-size: 14px;
		line-height: 21px;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.about-promo-big h1{
		font-size: 18px;
		line-height: 30px;
	}
	.about-promo-big .dark-arrow:before{
		width: 50px;
		top: -25px;
	}
	.about-promo-big h3{
		font-size: 16px;
		line-height: 23px;
	}
	.services-left-panel ul li{
		margin-bottom: 45px;
	}
	.services-left-panel h3{
		font-size: 18px;
		line-height: 25px;
	}
	.services-left-panel p{
		font-size: 14px;
		line-height: 21px;
		margin-top: 0px;
	}
	.services-item h1{
		font-size: 25px;
		line-height: 32px;
		margin-bottom: 0px;
	}
	.services-item p{
		font-size: 18px;
		line-height: 25px;
	}
	.services-text-block .caption h5{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 25px;
	}
	.services-text-block .caption h5:after{
		width: 30%;
		margin-top: 20px;
		margin-bottom: 45px;
	}
	.services-text-block .content{
		width: 50%;
		margin: 0 auto;
		margin-bottom: 40px;
	}
	.services-text-block-content div:last-child .content{
		margin-bottom: 0px;
	}
	.services-text-block .content h6 {
		font-size: 13px;
		line-height: 20px;
		margin-top: 0px;
		margin-bottom: 5px;
	}	
	.services-text-block .content span {
		font-size: 50px;
		line-height: 57px;
	}
	.services-text-block .content p{
		font-size: 13px;
		line-height: 20px;
	}
	.clients-wrap {
		padding-left: 0%;
		padding-right: 0%;
	}
	.client{
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 5px;
		padding-right: 5px; 
	}
	.client img{
		width: 80%;
	}
	.clients-text-content{
		padding-left: 40px;
	}
	.clients-text-content h1{
		font-size: 48px;
		line-height: 55px;
		margin-bottom: 5px;
	}
	.clients-text-content p{
		font-size: 12px;
		line-height: 19px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.team-member-details p{
		font-size: 12px;
		line-height: 19px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.promo-section h1 {
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	.promo-section p {
		font-size: 15px;
		line-height: 22px;
	}
	.promo-section .btn a{
		font-size: 10px;
		line-height: 17px;
		padding: 10px 15px;
		margin-top: 20px;
	}
	.portfolio-filter-nav ul li{
		font-size: 16px;
		line-height: 23px;
	}
	.portfolio-item-details h5{
		font-size: 12px;
		line-height: 19px;
	}
	.portfolio-item-details p{
		font-size: 13px;
		line-height: 20px;
	}
	.shuffle__sizer{
		width: 50%;
	}
	.portfolio-mask-content a{
		font-size: 25px;
		line-height: 32px;
	}
	.portfolio-mask-content p{
		font-size: 12px;
		line-height: 19px;
	}
	.social-slider.owl-theme .owl-controls{
		display: none;
	}
	.news-item-overlay {
		padding: 120px 100px;
	}
	.news-item h1 {
	  	margin-top: 10px;
	  	margin-bottom: 10px;
	  	font-size: 21px;
	  	line-height: 28px;
	}
	.news-item h4 {
		font-size: 13px;
		line-height: 23px;
		padding-left: 10px;
	}	
	.news-item p{
		font-size: 14px;
		line-height: 21px;
	}
	.news-slider.owl-theme .owl-controls{
		display: none;
	}
	.map-wrap{
		height: 500px;
	}
	.map{
		height: 500px;
	}
	.contact-form{
		width: 300px;
		padding: 30px;
	}
	.contact-form button {
		font-size: 10px;
		line-height: 17px;
		padding: 3px 20px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.footer .contact-details p{
		font-size: 12px;
		line-height: 19px;
	}
	.footer .social-icons {
		margin-top: 35px;
		margin-bottom: 35px;
	}
	.footer .social-icons span{
		margin-bottom: 25px;
	}
	.contact-details div{
		margin-bottom: 0px;
	}
	.contact-form button {
		font-size: 10px;
		line-height: 17px;
		padding: 3px 20px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.inner-page-home h1{
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 5px;
	}
	.inner-page-home p{
		font-size: 12px;
		line-height: 19px;
		letter-spacing: 2px;
	}
	.single-project-home h1{
		font-size: 28px;
		line-height: 35px;
	}
	.news-post h1{
		font-size: 23px;
	    line-height: 30px;
	    margin-bottom: 0px;
	}
	.news-post p{
		font-size: 13px;
	    line-height: 20px;
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	.news-post-details p{
		font-size: 13px;
	    line-height: 20px;
	    margin: 0px
	}
	.news-post .news-post-details a{
		font-size: 13px;
	    line-height: 20px;
	}
	.post-share a{
		margin: 0px 5px;
	}
	.comments{
		margin: 30px 0px;
	}
	.comment-count{
		font-size: 19px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.comment-info span{
		font-size: 13px;
	    line-height: 20px;
	    margin-right: 20px;
	}
	.comment-info a{
		font-size: 13px;
	    line-height: 20px;
	}
	.comments ul li p{
		font-size: 13px;
	    line-height: 20px;
	    padding-top: 5px;
	}
	.respond{
		margin-top: 25px;
		margin-bottom: 60px;
	}
	.respond h3{
		font-size: 19px;
		line-height: 26px;
	}
	.control-group label{
		font-size: 13px;
		line-height: 20px;
	}
	.comment-text label{
		font-size: 13px;
		line-height: 20px;
	}
	.respond input[type="text"]{
		width: 80%;
		margin-bottom: 15px;
	}
	.respond textarea{
		width: 80%;
	}
	.respond input[type="submit"]{
		font-size: 13px;
		line-height: 20px;
	}
	.newspage-nav{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.newspage-nav a{
		font-size: 10px;
		line-height: 17px;
		padding: 10px 7px;
	}	
	.news-post .button a{
		padding: 6px 15px;
	}
	.news-page-sidebar .search{
		margin-top: 15px;
	}
	.news-page-sidebar .search button{
		font-size: 17px;
		line-height: 24px;
	}
	.news-page-sidebar .search input{
		padding: 2px;
	}
	.news-page-sidebar h4{
		font-size: 15px;
	    line-height: 22px;
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
	.news-page-sidebar .news-type-list ul li{
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar .recent-posts a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.single-project-slider.owl-theme .owl-controls .owl-dots span{
		width: 10px;
		height: 10px;
	}
	.error-home h1{
		font-size: 40px;
	    line-height: 47px;
	    padding: 8px 15px;
	}
	.error-home p{
		font-size: 15px;
	    line-height: 22px;
	}


}


/*Medium Smart Phones v2*/
@media (min-width: 601px) and (max-width: 640px) {
	.container{
		max-width: 580px;
	}
	.page-section{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.pad-top-special{
		padding-top: 50px;
	}
	.pad-bottom-special{
		padding-bottom: 50px;	
	}
	.pad-top{
		padding-top: 50px
	}
	.pad-bottom{
		padding-bottom: 50px;
	}
	.pad-top-half{
		padding-top: 25px;
	}
	.pad-bottom-half{
		padding-bottom: 25px;
	}
	.pad-min-top-half{
		padding-top: 15px;
	}
	.pad-min-bottom-half{
		padding-bottom: 15px;
	}
	.section-header-name h4{
		font-size: 11px;
		line-height: 18px;
		margin: 25px 0px;
		padding: 15px;
	}
	.section-header-text p{
		font-size: 16px;
		line-height: 23px;
	}
	.slimmenu{
		display: block;
	}
	.main-header.fixed-menu{
		display: none;
	}
	.header-content{
		padding-left: 100px;
		padding-right: 100px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.main-menu{
		padding: 0px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.main-menu-item{
		display: block;
		margin: 7px 0px;
	}
	.main-menu-item a{
		font-size: 12px;
		line-height: 19px;
		padding-bottom: 0px;
		border-bottom: 0px;
	}
	.sub-menu{
		position: relative;
		top: 0px;
		padding-top: 0px;
		padding-left: 0px;
		text-align: center;
	}
	.sub-menu .sub-menu-item{
		display: block;
	}
	.sub-menu .sub-menu-item a{
		font-size: 10px;
		line-height: 17px;
		margin: 5px 0px;
		padding: 0px;
	}
	.home01 h1{
		font-size: 30px;
		line-height: 37px;
		letter-spacing: 10px;
		padding-left: 7px;
	}
	.home02 h1{
		font-size: 25px;
		line-height: 32px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.home02 h2{
		font-size: 25px;
		line-height: 32px;
	}
	.home02-slider.owl-theme .owl-dots .owl-dot span{
		width: 10px;
		height: 10px;
	}
	.home03 .top-line{
		display: none;
	}
	.home03 .cd-headline{
	    font-size: 28px;
	    line-height: 35px;
	}
	.home03 .cd-headline.loading-bar span{
	    font-size: 28px;
	    line-height: 35px;
	}
	.home03 .cd-headline.loading-bar b.is-visible{
	    font-size: 28px;
	    line-height: 35px;
	}
	.home04 h1{
		font-size: 30px;
		line-height: 37px;
	}
	.home05 h1{
		font-size: 30px;
		line-height: 37px;
	}
	.about-promo-small h1{
		font-size: 20px;
		line-height: 27px;
	}
	.about-promo-small h1:after{
		margin-top: 5px;
		margin-bottom: 0px; 
	}
	.about-promo-small h3{
		font-size: 18px;
		line-height: 25px;
	}
	.bx-pager-button{
		height: 90px;
	}
	.bx-wrapper{
		margin-top: 90px;
	}
	.pager-text{
		font-size: 12px;
		line-height: 19px;
	}
	.bxslider-content .bx-slider-item{
		padding: 0px;
	}
	.bxslider-content span{
		font-size: 30px;
		line-height: 37px;
	}
	.bxslider-content h1{
		font-size: 30px;
		line-height: 37px;
	}	
	.bxslider-content p{
		font-size: 12px;
		line-height: 19px;
		padding-top: 8px;
		margin-top: 8px;
	}
	.about-promo-big .period {
		font-size: 14px;
		line-height: 21px;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.about-promo-big h1{
		font-size: 18px;
		line-height: 30px;
	}
	.about-promo-big .dark-arrow:before{
		width: 50px;
		top: -25px;
	}
	.about-promo-big h3{
		font-size: 16px;
		line-height: 23px;
	}
	.services-left-panel ul li{
		margin-bottom: 45px;
	}
	.services-left-panel h3{
		font-size: 18px;
		line-height: 25px;
	}
	.services-left-panel p{
		font-size: 14px;
		line-height: 21px;
		margin-top: 0px;
	}
	.services-item h1{
		font-size: 25px;
		line-height: 32px;
		margin-bottom: 0px;
	}
	.services-item p{
		font-size: 18px;
		line-height: 25px;
	}
	.services-text-block .caption h5{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 25px;
	}
	.services-text-block .content{
		width: 50%;
		margin: 0 auto;
		margin-bottom: 40px;
	}
	.services-text-block .content span {
		font-size: 50px;
		line-height: 57px;
	}
	.services-text-block-content div:last-child .content{
		margin-bottom: 0px;
	}
	.services-text-block .caption h5:after{
		width: 30%;
		margin-top: 20px;
		margin-bottom: 45px;
	}
	.services-text-block .content h6 {
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 5px;
	}	
	.services-text-block .content p{
		font-size: 13px;
		line-height: 20px;
	}
	.clients-wrap {
		padding-left: 0%;
		padding-right: 0%;
	}
	.client{
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 5px;
		padding-right: 5px; 
	}
	.client img{
		width: 80%;
	}
	.clients-text-content{
		padding-left: 40px;
	}
	.clients-text-content h1{
		font-size: 45px;
		line-height: 52px;
		margin-bottom: 5px;
	}
	.clients-text-content p{
		font-size: 11px;
		line-height: 18px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.team-member-details p{
		font-size: 12px;
		line-height: 19px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.promo-section h1 {
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	.promo-section p {
		font-size: 15px;
		line-height: 22px;
	}
	.promo-section .btn a{
		font-size: 10px;
		line-height: 17px;
		padding: 10px 15px;
		margin-top: 20px;
	}
	.portfolio-filter-nav ul li{
		font-size: 16px;
		line-height: 23px;
	}
	.portfolio-item-details h5{
		font-size: 12px;
		line-height: 19px;
	}
	.portfolio-item-details p{
		font-size: 13px;
		line-height: 20px;
	}
	.shuffle__sizer{
		width: 50%;
	}
	.portfolio-mask-content a{
		font-size: 25px;
		line-height: 32px;
	}
	.portfolio-mask-content p{
		font-size: 12px;
		line-height: 19px;
	}
	.social-slider-item .social-text h2 {
	  font-size: 16px;
	  line-height: 23px;
	}  
	.social-slider.owl-theme .owl-controls{
		display: none;
	}
	.news-item-overlay {
		padding: 150px 100px;
	}
	.news-item h4{
		font-size: 13px;
		line-height: 20px;
		padding-left: 10px;
	}
	.news-item h1{
		font-size: 20px;
		line-height: 27px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.news-item p{
		font-size: 14px;
		line-height: 21px;
	}
	.map-wrap{
		height: 500px;
	}
	.news-slider.owl-theme .owl-controls{
		display: none;
	}
	.map{
		height: 500px;
	}
	.contact-form{
		width: 300px;
		padding: 30px;
	}
	.contact-form button {
		font-size: 10px;
		line-height: 17px;
		padding: 3px 20px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.footer .contact-details p{
		font-size: 12px;
		line-height: 19px;
	}
	.footer .contact-details span{
		margin-bottom: 0px;
	}
	.footer .social-icons {
		margin-top: 35px;
		margin-bottom: 35px;
	}
	.footer .social-icons span{
		margin-bottom: 25px;
	}
	.contact-details div{
		margin-bottom: 0px;
	}
	.contact-form button {
		font-size: 10px;
		line-height: 17px;
		padding: 3px 20px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.inner-page-home h1{
		font-size: 26px;
		line-height: 33px;
		margin-bottom: 0px;
	}
	.inner-page-home p{
		font-size: 15px;
		line-height: 23px;
		letter-spacing: 1px;
	}
	.single-project-home h1{
		font-size: 26px;
		line-height: 33px;
	}
	.news-post h1{
		font-size: 23px;
	    line-height: 30px;
	    margin-bottom: -5px;
	}
	.news-post p{
		font-size: 13px;
	    line-height: 20px;
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	.news-post-details p{
		font-size: 13px;
	    line-height: 20px;
	    margin: 0px;
	}
	.news-post .news-post-details a{
		font-size: 13px;
	    line-height: 20px;
	}
	.post-share a{
		margin: 0px 5px;
	}
	.news-post-outlink .post-tags{
		text-align: center;
	}
	.news-post-outlink .post-share{
		text-align: center;
		margin-top: 15px;
	}
	.comments{
		margin: 30px 0px;
	}
	.comment-count{
		font-size: 19px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.comment-info span{
		font-size: 13px;
	    line-height: 20px;
	    margin-right: 20px;
	}
	.comment-info a{
		font-size: 13px;
	    line-height: 20px;
	}
	.comments ul li{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.comments ul li p{
		font-size: 13px;
	    line-height: 20px;
	    padding-top: 5px;
	}
	.respond{
		margin-top: 25px;
		margin-bottom: 60px;
	}
	.respond form{
		width: 100%;
	}
	.respond h3{
		font-size: 19px;
		line-height: 26px;
	}
	.control-group label{
		font-size: 13px;
		line-height: 20px;
	}
	.comment-text label{
		font-size: 13px;
		line-height: 20px;
	}
	.respond input[type="text"]{
		width: 100%;
		margin-bottom: 15px;
		height: 25px;
	}
	.respond textarea{
		width: 100%;
	}
	.respond input[type="submit"]{
		font-size: 13px;
		line-height: 20px;
	}
	.newspage-nav{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.newspage-nav a{
		font-size: 10px;
		line-height: 17px;
		padding: 10px 7px;
	}
	.news-post h1{
		font-size: 22px;
	    line-height: 29px;
	    margin-bottom: -5px;
	}
	.news-post .button a{
		padding: 6px 15px;
	}
	.news-page-sidebar .search{
		margin-top: 15px;
	}
	.news-page-sidebar .search button{
		font-size: 17px;
		line-height: 24px;
	}
	.news-page-sidebar .search input{
		padding: 2px;
	}
	.news-page-sidebar h4{
		font-size: 15px;
	    line-height: 22px;
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
	.news-page-sidebar .news-type-list ul li{
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar .recent-posts a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.single-project-slider.owl-theme .owl-controls .owl-dots span{
		width: 10px;
		height: 10px;
	}
	.error-home h1{
		font-size: 40px;
	    line-height: 47px;
	    padding: 8px 15px;
	}
	.error-home p{
		font-size: 15px;
	    line-height: 22px;
	}


} 


/*Google Nexus and Other Large Smart Phones v1*/
@media (min-width: 481px) and (max-width: 600px) {
	.container{
		max-width: 460px;
	}
	.page-section{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.pad-top-special{
		padding-top: 50px;
	}
	.pad-bottom-special{
		padding-bottom: 50px;	
	}
	.pad-top{
		padding-top: 50px
	}
	.pad-bottom{
		padding-bottom: 50px;
	}
	.pad-top-half{
		padding-top: 25px;
	}
	.pad-bottom-half{
		padding-bottom: 25px;
	}
	.pad-min-top-half{
		padding-top: 20px;
	}
	.pad-min-bottom-half{
		padding-bottom: 20px;
	}
	.section-header-name h4{
		font-size: 11px;
		line-height: 18px;
		margin: 25px 0px;
		padding: 15px;
	}
	.section-header-text p{
		font-size: 16px;
		line-height: 23px;
	}
	.slimmenu{
		display: block;
	}
	.main-header.fixed-menu{
		display: none;
	}
	.header-content{
		padding-left: 75px;
		padding-right: 75px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.main-menu{
		padding: 0px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.main-menu-item{
		display: block;
		margin: 7px 0px;
	}
	.main-menu-item a{
		font-size: 12px;
		line-height: 19px;
		padding-bottom: 0px;
		border-bottom: 0px;
	}
	.sub-menu{
		position: relative;
		top: 0px;
		padding-top: 0px;
		padding-left: 0px;
		text-align: center;
	}
	.sub-menu .sub-menu-item{
		display: block;
	}
	.sub-menu .sub-menu-item a{
		font-size: 10px;
		line-height: 17px;
		margin: 5px 0px;
		padding: 0px;
	}
	.home01 h1{
		font-size: 26px;
		line-height: 33px;
		letter-spacing: 8px;
		padding-left: 6px;
	}
	.home02 h1{
		font-size: 20px;
		line-height: 27px;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.home02 h2{
		font-size: 22px;
		line-height: 29px;
	}
	.home02-slider.owl-theme .owl-dots .owl-dot span{
		width: 10px;
		height: 10px;
	}
	.home03 .top-line{
		display: none;
	}
	.home03 .cd-headline{
	    font-size: 25px;
	    line-height: 32px;
	}
	.home03 .cd-headline.loading-bar span{
	    font-size: 25px;
	    line-height: 32px;
	}
	.home03 .cd-headline.loading-bar b.is-visible{
	    font-size: 25px;
	    line-height: 32px;
	}
	.home04 h1{
		font-size: 26px;
		line-height: 33px;
	}
	.home05 h1{
		font-size: 26px;
		line-height: 33px;
	}
	.about-promo-small h1{
		font-size: 20px;
		line-height: 27px;
	}
	.about-promo-small h1:after{
		margin-top: 5px;
		margin-bottom: 0px; 
	}
	.about-promo-small h3{
		font-size: 18px;
		line-height: 25px;
	}
	.bx-pager-button{
		height: 65px;
	}
	.bx-wrapper{
		margin-top: 65px;
	}
	.pager-text{
		font-size: 11px;
		line-height: 18px;
	}
	.bxslider-content .bx-slider-item{
		padding: 0px;
	}
	.bxslider-content span{
		font-size: 30px;
		line-height: 37px;
	}
	.bxslider-content h1{
		font-size: 30px;
		line-height: 37px;
	}	
	.bxslider-content p{
		font-size: 12px;
		line-height: 19px;
		padding-top: 8px;
		margin-top: 8px;
	}
	.about-promo-big .period {
		font-size: 14px;
		line-height: 21px;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.about-promo-big h1{
		font-size: 18px;
		line-height: 28px;
	}
	.about-promo-big .dark-arrow:before{
		width: 50px;
		top: -25px;
	}
	.about-promo-big h3{
		font-size: 16px;
		line-height: 23px;
	}
	.services-left-panel ul li{
		margin-bottom: 35px;
	}
	.services-left-panel h3{
		font-size: 18px;
		line-height: 25px;
	}
	.services-left-panel p{
		font-size: 14px;
		line-height: 21px;
		margin-top: 0px;
	}
	.services-item h1{
		font-size: 25px;
		line-height: 32px;
		margin-bottom: 0px;
	}
	.services-item p{
		font-size: 18px;
		line-height: 25px;
	}
	.services-text-block .caption h5{
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 20px;
	}
	.services-text-block .content{
		width: 50%;
		margin: 0 auto;
		margin-bottom: 35px;
	}
	.services-text-block .content span {
		font-size: 45px;
		line-height: 52px;
	}
	.services-text-block-content div:last-child .content{
		margin-bottom: 0px;
	}
	.services-text-block .caption h5:after{
		width: 30%;
		margin-top: 20px;
		margin-bottom: 45px;
	}
	.services-text-block .content h6 {
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 5px;
	}	
	.services-text-block .content p{
		font-size: 11px;
		line-height: 18px;
	}
	.clients-wrap {
		padding-left: 0%;
		padding-right: 0%;
	}
	.client{
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 5px;
		padding-right: 5px; 
	}
	.client img{
		width: 80%;
	}
	.clients-text-content{
		padding-left: 40px;
	}
	.clients-text-content h1{
		font-size: 40px;
		line-height: 47px;
		margin-bottom: 5px;
	}
	.clients-text-content p{
		font-size: 12px;
		line-height: 19px;
	}
	.team-member-details h5{
		font-size: 12px;
		line-height: 19px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.team-member-details p{
		font-size: 11px;
		line-height: 18px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.promo-section h1 {
		font-size: 24px;
		line-height: 31px;
		margin-bottom: 15px;
	}
	.promo-section p {
		font-size: 13px;
		line-height: 20px;
	}
	.promo-section .btn a{
		font-size: 10px;
		line-height: 17px;
		padding: 10px 15px;
		margin-top: 20px;
	}
	.portfolio-filter-nav ul li a{
		font-size: 15px;
		line-height: 22px;
	}
	.portfolio-item-details h5{
		font-size: 12px;
		line-height: 19px;
		margin-top: 15px;
	}
	.portfolio-item-details p{
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.shuffle__sizer{
		width: 50%;
	}
	.portfolio-mask-content a{
		font-size: 22px;
		line-height: 29px;
	}
	.portfolio-mask-content p{
		font-size: 12px;
		line-height: 19px;
	}
	.social-slider-item .social-text h2 {
		font-size: 18px;
		line-height: 25px;
	}
	.social-slider.owl-theme .owl-controls{
		display: none;
	}
	.news-item-overlay {
		padding: 100px 75px;
	}
	.news-item h4{
		font-size: 12px;
		line-height: 19px;
		padding-left: 5px;
	}
	.news-item h1{
		font-size: 18px;
		line-height: 25px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.news-item p{
		font-size: 13px;
		line-height: 20px;
	}
	.news-slider.owl-theme .owl-controls{
		display: none;
	}
	.map-wrap{
		height: 460px;
	}
	.map{
		height: 460px;
	}
	.contact-form{
		width: 300px;
		padding: 30px;
	}
	.contact-form button {
		font-size: 10px;
		line-height: 17px;
		padding: 3px 20px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.footer .social-icons {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.footer .social-icons span{
		font-size: 17px;
	    line-height: 23px;
	    margin: 0px 5px;
	    width: 30px;
	    height: 30px;
		margin-bottom: 25px;
	}
	.footer .contact-details span{
	  margin-bottom: 0px;
	}
	.contact-details div{
		margin-bottom: 0px;
	}
	.footer .contact-details p{
		font-size: 11px;
		line-height: 18px;
	}
	.footer .social-icons p{
		font-size: 11px;
		line-height: 18px;
	}
	.to-top{
		right: 20px;
	}
	.to-top a{
		width: 30px;
		height: 30px;
	}
	.to-top a i {
		font-size: 17px;
		line-height: 17px;
	}
	.single-project-home h1{
		font-size: 20px;
		line-height: 27px;
	}
	.inner-page-home h1{
		font-size: 26px;
		line-height: 33px;
		margin-bottom: 0px;
	}
	.inner-page-home p{
		font-size: 11px;
		line-height: 18px;
		letter-spacing: 1px;
	}
	.single-project-home h1{
		font-size: 26px;
		line-height: 33px;
	}
	.news-post h1{
		font-size: 20px;
	    line-height: 27px;
	    margin-left: -5px;
	}
	.news-post p{
		font-size: 12px;
	    line-height: 19px;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}
	.news-post-details p{
		font-size: 12px;
	    line-height: 19px;
	    margin: 0px;
	}
	.news-post .news-post-details a{
		font-size: 13px;
	    line-height: 20px;
	}
	.post-share a{
		margin: 0px 5px;
	}
	.news-post-outlink {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.news-post-outlink .post-tags{
		text-align: center;
	}
	.news-post-outlink .post-tags a{
		font-size: 10px;
		line-height: 17px;
		padding: 2px 4px;
	}
	.news-post-outlink .post-share{
		text-align: center;
		margin-top: 15px;
	}
	.comments{
		margin: 30px 0px;
	}
	.comment-count{
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	.commentlists .avatarbox{
		width: 10%;
		margin-right: 4%;
	}
	.comment-info{
		width: 86%;
	}
	.comments ul.children{
		margin-left: 40px;
	}
	.comment-info span{
		font-size: 12px;
	    line-height: 19px;
	    margin-right: 20px;
	}
	.comment-info a{
		font-size: 12px;
	    line-height: 19px;
	}
	.comments ul li{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.comments ul li p{
		font-size: 11px;
	    line-height: 18px;
	    padding-top: 5px;
	}
	.respond{
		margin-top: 25px;
		margin-bottom: 60px;
	}
	.respond form{
		width: 100%;
	}
	.respond h3{
		font-size: 17px;
		line-height: 24px;
	}
	.control-group label{
		font-size: 13px;
		line-height: 20px;
	}
	.comment-text label{
		font-size: 13px;
		line-height: 20px;
	}
	.respond input[type="text"]{
		width: 100%;
		margin-bottom: 5px;
		height: 25px;
	}
	.respond textarea{
		width: 100%;
	}
	.respond input[type="submit"]{
		font-size: 13px;
		line-height: 20px;
	}
	.newspage-nav{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.newspage-nav a{
		font-size: 9px;
		line-height: 16px;
		padding: 7px 5px;
	}
	.news-post .button a{
		font-size: 9px;
		line-height: 16px;
		padding: 4px 10px;
	}
	.news-page-sidebar .search{
		margin-top: 15px;
	}
	.news-page-sidebar .search button{
		font-size: 17px;
		line-height: 24px;
	}
	.news-page-sidebar .search input{
		font-size: 12px;
		line-height: 19px;
		padding: 2px;
	}
	.news-page-sidebar h4{
		font-size: 15px;
	    line-height: 22px;
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
	.news-page-sidebar .news-type-list ul li{
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar .recent-posts a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.single-project-slider.owl-theme .owl-controls .owl-dots span{
		width: 10px;
		height: 10px;
	}
	.error-home h1{
		font-size: 37px;
	    line-height: 44px;
	    padding: 8px 15px;
	}
	.error-home p{
		font-size: 14px;
	    line-height: 21px;
	}


} 


/*iPhone Landscape Mode and Mediium Smart Phones*/
@media (min-width: 415px) and (max-width: 480px) {
	.container{
		max-width: 390px;
	}
	.page-section{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.pad-top-special{
		padding-top: 50px;
	}
	.pad-bottom-special{
		padding-bottom: 50px;	
	}
	.pad-top{
		padding-top: 50px
	}
	.pad-bottom{
		padding-bottom: 50px;
	}
	.pad-top-half{
		padding-top: 25px;
	}
	.pad-bottom-half{
		padding-bottom: 25px;
	}
	.pad-min-top-half{
		padding-top: 20px;
	}
	.pad-min-bottom-half{
		padding-bottom: 20px;
	}
	.section-header-name h4{
		font-size: 11px;
		line-height: 18px;
		margin: 20px 0px;
		padding: 15px;
	}
	.section-header-text p{
		font-size: 16px;
		line-height: 23px;
	}
	.slimmenu{
		display: block;
	}
	.main-header.fixed-menu{
		display: none;
	}
	.header-content{
		padding-left: 75px;
		padding-right: 75px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.main-menu{
		padding: 0px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.main-menu-item{
		display: block;
		margin: 7px 0px;
	}
	.main-menu-item a{
		font-size: 12px;
		line-height: 19px;
		padding-bottom: 0px;
		border-bottom: 0px;
	}
	.sub-menu{
		position: relative;
		top: 0px;
		padding-top: 0px;
		padding-left: 0px;
		text-align: center;
	}
	.sub-menu .sub-menu-item{
		display: block;
	}
	.sub-menu .sub-menu-item a{
		font-size: 10px;
		line-height: 17px;
		margin: 5px 0px;
		padding: 0px;
	}
	.home01 h1{
		font-size: 26px;
		line-height: 31px;
		letter-spacing: 8px;
		padding-left: 6px;
	}
	.home02 h1{
		font-size: 20px;
		line-height: 27px;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.home02 h2{
		font-size: 22px;
		line-height: 29px;
	}
	.home02-slider.owl-theme .owl-dots .owl-dot span{
		width: 10px;
		height: 10px;
	}
	.home03 .top-line{
		display: none;
	}
	.home03 .cd-headline{
	    font-size: 22px;
	    line-height: 29px;
	}
	.home03 .cd-headline.loading-bar span{
	    font-size: 22px;
	    line-height: 29px;
	}
	.home03 .cd-headline.loading-bar b.is-visible{
	    font-size: 22px;
	    line-height: 29px;
	}
	.home04 h1{
		font-size: 24px;
		line-height: 31px;
	}
	.home05 h1{
		font-size: 24px;
		line-height: 31px;
	}
	.about-promo-small h1{
		font-size: 18px;
		line-height: 25px;
		margin: 0px;
	}
	.about-promo-small h1:after{
		margin-top: 5px;
		margin-bottom: 0px; 
	}
	.about-promo-small h3{
		font-size: 16px;
		line-height: 23px;
	}
	.bx-pager-button{
		height: 65px;
	}
	.bx-wrapper{
		margin-top: 65px;
	}
	.pager-text{
		font-size: 11px;
		line-height: 18px;
	}
	.bxslider-content .bx-slider-item{
		padding: 0px;
	}
	.bxslider-content span{
		font-size: 30px;
		line-height: 37px;
	}
	.bxslider-content h1{
		font-size: 30px;
		line-height: 37px;
	}	
	.bxslider-content p{
		font-size: 12px;
		line-height: 19px;
		padding-top: 8px;
		margin-top: 8px;
	}
	.about-promo-big .period {
		font-size: 14px;
		line-height: 21px;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.about-promo-big h1{
		font-size: 16px;
		line-height: 28px;
	}
	.about-promo-big .dark-arrow:before{
		width: 50px;
		top: -25px;
	}
	.about-promo-big h3{
		font-size: 16px;
		line-height: 23px;
	}
	.services-left-panel ul li{
		margin-bottom: 35px;
	}
	.services-left-panel h3{
		font-size: 16px;
		line-height: 23px;
	}
	.services-left-panel p{
		font-size: 14px;
		line-height: 21px;
		margin-top: 0px;
	}
	.services-item h1{
		font-size: 20px;
		line-height: 37px;
		margin-bottom: 0px;
	}
	.services-item p{
		font-size: 18px;
		line-height: 25px;
	}
	.services-text-block .caption h5{
		font-size: 16px;
		line-height: 23px;
		margin-bottom: 25px;
	}
	.services-text-block .caption h5:after{
		margin-bottom: 15px;
		margin-top: 40px;
	}
	.services-text-block .content{
		width: 65%;
		margin: 0 auto;
		margin-bottom: 35px;
	}
	.services-text-block .content span {
		font-size: 45px;
		line-height: 52px;
	}
	.services-text-block-content div :last-child .content {
		margin-bottom: 0px;
	}
	.services-text-block .content h6 {
		font-size: 13px;
		line-height: 20px;
		margin-top: 0px;
		margin-bottom: 5px;
	}	
	.services-text-block .content p{
		font-size: 11px;
		line-height: 18px;
	}
	.clients-wrap {
		padding-left: 0%;
		padding-right: 0%;
	}
	.client{
		width: 50%;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px; 
	}
	.client a img{
		width: 75%;
	}
	.clients-text-content{
		padding-left: 25px;
	}
	.clients-text-content h1{
		font-size: 40px;
		line-height: 47px;
		margin-bottom: 0px;
	}
	.clients-text-content p{
		font-size: 10px;
		line-height: 17px;
	}
	.team-member-details h5{
		font-size: 12px;
		line-height: 19px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.team-member-details p{
		font-size: 11px;
		line-height: 18px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.promo-section h1 {
		font-size: 21px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	.promo-section p {
		font-size: 11px;
		line-height: 18px;
	}
	.promo-section .btn a{
		font-size: 10px;
		line-height: 17px;
		padding: 10px 15px;
		margin-top: 10px;
	}
	.portfolio-filter-nav ul li{
		font-size: 16px;
		line-height: 23px;
	}
	.portfolio-filter-nav ul li a{
		font-size: 14px;
		line-height: 21px;
		margin-right: 0px;
	}
	.portfolio-item-details h5{
		font-size: 12px;
		line-height: 19px;
		margin-top: 15px;
	}
	.portfolio-item-details p{
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.shuffle__sizer{
		width: 100%;
	}
	.portfolio-mask-content a{
		font-size: 20px;
		line-height: 27px;
	}
	.portfolio-mask-content p{
		font-size: 11px;
		line-height: 18px;
	}
	.social-slider-item .social-text h2 {
		font-size: 16px;
		line-height: 23px;
	}
	.social-slider.owl-theme .owl-controls{
		display: none;
	}
	.news-item-overlay {
		padding: 100px 50px;
	}
	.news-item h4{
		font-size: 12px;
		line-height: 19px;
		padding-left: 10px;
	}
	.news-item h1{
		font-size: 18px;
		line-height: 25px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.news-item p{
		font-size: 13px;
		line-height: 20px;
	}
	.news-slider.owl-theme .owl-controls{
		display: none;
	}
	.map-wrap{
		height: 460px;
	}
	.map{
		height: 460px;
	}
	.contact-form{
		width: 300px;
		padding: 30px;
	}
	.contact-form button {
		font-size: 10px;
		line-height: 17px;
		padding: 3px 20px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.footer .contact-details span{
		font-size: 19px;
		line-height: 26px;
		margin-bottom: 0px;
	}
	.footer .contact-details p{
		font-size: 11px;
		line-height: 18px;
	}
	.footer .contact-details div{
		padding: 0px;
	}
	.footer .social-icons {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.footer .social-icons span{
		font-size: 17px;
		line-height: 24px;
		height: 30px;
		width: 30px;
		padding-top: 0px;
		margin-bottom: 25px;
	}
	.footer .social-icons p{
		font-size: 11px;
		line-height: 18px;
	}
	.contact-details div{
		margin-bottom: 0px;
	}
	.footer .social-icons p{
		font-size: 11px;
		line-height: 18px;
	}
	.to-top{
		right: 20px;
	}
	.to-top a{
		width: 30px;
		height: 30px;
	}
	.to-top a i {
		font-size: 17px;
		line-height: 17px;
	}
	.single-project-home h1{
		font-size: 20px;
		line-height: 27px;
	}
	.inner-page-home h1{
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 0px;
		letter-spacing: 2px
	}
	.inner-page-home p{
		font-size: 13px;
		line-height: 20px;
		letter-spacing: 1px;
	}
	.single-project-home h1{
		font-size: 26px;
		line-height: 33px;
	}
	.news-post h1{
		font-size: 20px;
	    line-height: 27px;
	    margin-bottom: -5px;
	}
	.news-post p{
		font-size: 12px;
	    line-height: 19px;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}
	.news-post-details p{
		font-size: 12px;
	    line-height: 19px;
	    margin: 0px;
	}
	.news-post .news-post-details a{
		font-size: 13px;
	    line-height: 20px;
	}
	.post-share a{
		margin: 0px 5px;
	}
	.news-post-outlink {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.news-post-outlink .post-tags{
		text-align: center;
	}
	.news-post-outlink .post-tags a{
		font-size: 10px;
		line-height: 17px;
		padding: 2px 4px;
	}
	.news-post-outlink .post-share{
		text-align: center;
		margin-top: 15px;
	}
	.comments{
		margin: 30px 0px;
	}
	.comment-count{
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	.commentlists .avatarbox{
		width: 14%;
		margin-right: 4%;
	}
	.comment-info{
		width: 82%;
	}
	.comments ul.children{
		margin-left: 40px;
	}
	.comment-info span{
		font-size: 12px;
	    line-height: 19px;
	    margin-right: 20px;
	}
	.comment-info a{
		font-size: 12px;
	    line-height: 19px;
	}
	.comments ul li{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.comments ul li p{
		font-size: 11px;
	    line-height: 18px;
	    padding-top: 5px;
	}
	.respond{
		margin-top: 25px;
		margin-bottom: 60px;
	}
	.respond form{
		width: 100%;
	}
	.respond h3{
		font-size: 17px;
		line-height: 24px;
	}
	.control-group label{
		font-size: 13px;
		line-height: 20px;
	}
	.comment-text label{
		font-size: 13px;
		line-height: 20px;
	}
	.respond input[type="text"]{
		width: 100%;
		margin-bottom: 15px;
		height: 25px;
	}
	.respond textarea{
		width: 100%;
	}
	.respond input[type="submit"]{
		font-size: 13px;
		line-height: 20px;
	}
	.newspage-nav{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.newspage-nav a{
		font-size: 9px;
		line-height: 16px;
		padding: 7px 5px;
	}
	.news-post .button a{
		font-size: 9px;
		line-height: 16px;
		padding: 4px 10px;
	}
	.news-page-sidebar .search{
		margin-top: 15px;
	}
	.news-page-sidebar .search button{
		font-size: 17px;
		line-height: 24px;
	}
	.news-page-sidebar .search input{
		font-size: 12px;
		line-height: 19px;
		padding: 2px;
	}
	.news-page-sidebar h4{
		font-size: 15px;
	    line-height: 22px;
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
	.news-page-sidebar .news-type-list ul li{
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar .recent-posts a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.single-project-slider.owl-theme .owl-controls .owl-dots span{
		width: 10px;
		height: 10px;
	}
	.error-home h1{
		font-size: 35px;
	    line-height: 42px;
	    padding: 6px 12px;
	    margin-bottom: 15px;
	    letter-spacing: 2px;
	}
	.error-home p{
		font-size: 14px;
	    line-height: 21px;
	}

}


/*iPhone Landscape Mode and Mediium Smart Phones*/
@media (min-width: 376px) and (max-width: 414px) {
	.container{
		max-width: 350px;
	}
	.page-section{
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.pad-top-special{
		padding-top: 45px;
	}
	.pad-bottom-special{
		padding-bottom: 45px;	
	}
	.pad-top{
		padding-top: 50px
	}
	.pad-bottom{
		padding-bottom: 50px;
	}
	.pad-top-half{
		padding-top: 25px;
	}
	.pad-bottom-half{
		padding-bottom: 25px;
	}
	.pad-min-top-half{
		padding-top: 15px;
	}
	.pad-min-bottom-half{
		padding-bottom: 15px;
	}
	.section-header-name h4{
		font-size: 11px;
		line-height: 18px;
		margin: 20px 0px;
		padding: 10px;
	}
	.section-header-text p{
		font-size: 16px;
		line-height: 23px;
	}
	.slimmenu{
		display: block;
	}
	.main-header.fixed-menu{
		display: none;
	}
	.header-content{
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.main-menu{
		padding: 0px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.main-menu-item{
		display: block;
		margin: 6px 0px;
	}
	.main-menu-item a{
		font-size: 10px;
		line-height: 17px;
		padding-bottom: 0px;
		border-bottom: 0px;
	}
	.sub-menu{
		position: relative;
		top: 0px;
		padding-top: 0px;
		padding-left: 0px;
		text-align: center;
	}
	.sub-menu .sub-menu-item{
		display: block;
	}
	.sub-menu .sub-menu-item a{
		font-size: 9px;
		line-height: 16px;
		margin: 4px 0px;
		padding: 0px;
	}
	.home01 h1{
		font-size: 22px;
		line-height: 29px;
		letter-spacing: 5px;
		padding-left: 3px;
	}
	.home02 h1{
		font-size: 20px;
		line-height: 27px;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.home02 h2{
		font-size: 22px;
		line-height: 29px;
	}
	.home02-slider.owl-theme .owl-dots .owl-dot span{
		width: 10px;
		height: 10px;
	}
	.home03 .top-line{
		display: none;
	}
	.home03 .cd-headline{
	    font-size: 22px;
	    line-height: 29px;
	}
	.home03 .cd-headline.loading-bar span{
	    font-size: 22px;
	    line-height: 29px;
	}
	.home03 .cd-headline.loading-bar b.is-visible{
	    font-size: 22px;
	    line-height: 29px;
	}
	.home04 h1{
		font-size: 24px;
		line-height: 31px;
	}
	.home05 h1{
		font-size: 24px;
		line-height: 31px;
	}
	.about-promo-small h1{
		font-size: 18px;
		line-height: 25px;
		margin: 0px;
	}
	.about-promo-small h1:after{
		margin-top: 5px;
		margin-bottom: 0px; 
	}
	.about-promo-small h3{
		font-size: 16px;
		line-height: 23px;
	}
	.bx-pager-button{
		height: 65px;
	}
	.bx-wrapper{
		margin-top: 65px;
	}
	.pager-text{
		font-size: 10px;
		line-height: 17px;
	}
	.bxslider-content .bx-slider-item{
		padding: 0px;
	}
	.bxslider-content span{
		font-size: 30px;
		line-height: 37px;
	}
	.bxslider-content h1{
		font-size: 30px;
		line-height: 37px;
	}	
	.bxslider-content p{
		font-size: 10px;
		line-height: 17px;
		padding-top: 8px;
		margin-top: 8px;
	}
	.about-promo-big .period {
		font-size: 14px;
		line-height: 21px;
		padding-top: 20px;
		padding-bottom: 15px;
	}
	.about-promo-big h1{
		font-size: 16px;
		line-height: 28px;
	}
	.about-promo-big .dark-arrow:before{
		width: 45px;
		top: -23px;
	}
	.about-promo-big h3{
		font-size: 14px;
		line-height: 21px;
	}
	.services-left-panel ul li{
		margin-bottom: 25px;
	}
	.services-left-panel h3{
		font-size: 14px;
		line-height: 21px;
	}
	.services-left-panel p{
		font-size: 14px;
		line-height: 21px;
		margin-top: 0px;
	}
	.services-item h1{
		font-size: 17px;
		line-height: 23px;
		margin-bottom: 0px;
	}
	.services-item p{
		font-size: 17px;
		line-height: 24px;
	}
	.services-text-block .caption h5{
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 20px;
	}
	.services-text-block .caption h5:after{
		margin-top: 15px;
		margin-bottom: 35px;
	}
	.services-text-block .content{
		width: 75%;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.services-text-block .content span {
		font-size: 45px;
		line-height: 52px;
	}
	.services-text-block-content div :last-child .content {
		margin-bottom: 0px;
	}
	.services-text-block .content h6 {
		font-size: 13px;
		line-height: 20px;
		margin-top: 0px;
		margin-bottom: 5px;
	}	
	.services-text-block .content p{
		font-size: 11px;
		line-height: 18px;
	}
	.clients-wrap {
		padding-left: 0%;
		padding-right: 0%;
	}
	.client{
		width: 50%;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px; 
	}
	.client a img{
		width: 80%;
	}
	.clients-text-content{
		padding-left: 25px;
	}
	.clients-text-content h1{
		font-size: 35px;
		line-height: 42px;
		margin-bottom: 0px;
	}
	.clients-text-content p{
		font-size: 10px;
		line-height: 17px;
	}
	.team-member-details h5{
		font-size: 12px;
		line-height: 19px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.team-member-details p{
		font-size: 11px;
		line-height: 18px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.promo-section h1 {
		font-size: 21px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	.promo-section p {
		font-size: 11px;
		line-height: 18px;
	}
	.promo-section .btn a{
		font-size: 10px;
		line-height: 17px;
		padding: 10px 15px;
		margin-top: 10px;
	}
	.portfolio-filter-nav ul li {
		font-size: 14px;
		line-height: 21px;
	}
	.portfolio-filter-nav ul li a{
		font-size: 14px;
		line-height: 21px;
		margin-right: 0px;
	}
	.portfolio-item-details h5{
		font-size: 12px;
		line-height: 19px;
		margin-top: 15px;
	}
	.portfolio-item-details p{
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.shuffle__sizer{
		width: 100%;
	}
	.portfolio-mask-content a{
		font-size: 20px;
		line-height: 27px;
	}
	.portfolio-mask-content p{
		font-size: 11px;
		line-height: 18px;
	}
	.social-slider-item{
		height: 250px;
		padding: 20px;
	}
	.social-slider-item .social-text h2 {
		font-size: 15px;
		line-height: 22px;
	}
	.social-slider.owl-theme .owl-controls{
		display: none;
	}
	.news-item-overlay {
		padding: 80px 35px;
	}
	.news-item h4{
		font-size: 12px;
		line-height: 19px;
		padding-left: 5px;
	}
	.news-item h1{
		font-size: 18px;
		line-height: 25px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.news-item p{
		font-size: 13px;
		line-height: 20px;
	}
	.news-slider.owl-theme .owl-controls{
		display: none;
	}
	.map-wrap{
		height: 420px;
	}
	.map{
		height: 420px;
	}
	.contact-form{
		width: 250px;
		padding: 25px;
	}
	.contact-form input{
		margin-bottom: 10px;
	}
	.contact-form textarea{
		margin-bottom: 10px;
	}
	.contact-form label{
		font-size: 15px;
		line-height: 22px;
	}
	.contact-form button {
		font-size: 10px;
		line-height: 17px;
		padding: 3px 20px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.contact-form ::-webkit-input-placeholder{ /* WebKit browsers */
	    font-size: 12px;
	    line-height: 10px;
	}
	.contact-form :-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
	    font-size: 12px;
	    line-height: 10px;
	}
	.contact-form ::-moz-placeholder{ /* Mozilla Firefox 19+ */
	    font-size: 12px;
	    line-height: 10px;
	}
	.contact-form :-ms-input-placeholder{ /* Internet Explorer 10+ */
	    font-size: 12px;
	    line-height: 10px;
	}
	.footer .contact-details span{
		font-size: 19px;
		line-height: 26px;
		margin-bottom: 0px;
	}
	.footer .contact-details p{
		font-size: 11px;
		line-height: 18px;
	}
	.footer .contact-details div{
		padding: 0px;
	}
	.footer .social-icons {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.footer .social-icons span{
		font-size: 13px;
		line-height: 20px;
		height: 25px;
		width: 25px;
		padding-top: 2px;
		margin: 0px 3px;
		margin-bottom: 25px;
	}
	.footer .social-icons p{
		font-size: 11px;
		line-height: 18px;
	}
	.contact-details div{
		margin-bottom: 0px;
	}
	.to-top{
		right: 20px;
	}
	.to-top a{
		width: 30px;
		height: 30px;
	}
	.to-top a i {
		font-size: 17px;
		line-height: 17px;
	}
	.single-project-home h1{
		font-size: 20px;
		line-height: 27px;
	}
	.inner-page-home h1{
		font-size: 20px;
		line-height: 27px;
		letter-spacing: 3px;
		margin-bottom: 0px;
	}
	.inner-page-home p{
		font-size: 13px;
		line-height: 20px;
		letter-spacing: 1px;
	}
	.single-project-home h1{
		font-size: 26px;
		line-height: 33px;
	}
	.news-post h1{
		font-size: 20px;
	    line-height: 27px;
	    margin-bottom: -5px;
	}
	.news-post p{
		font-size: 12px;
	    line-height: 19px;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}
	.news-post-details p{
		font-size: 12px;
	    line-height: 19px;
	    margin: 0px;
	}
	.news-post .news-post-details a{
		font-size: 13px;
	    line-height: 20px;
	}
	.post-share a{
		margin: 0px 5px;
	}
	.news-post-outlink {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.news-post-outlink .post-tags{
		text-align: center;
	}
	.news-post-outlink .post-tags a{
		font-size: 10px;
		line-height: 17px;
		padding: 2px 4px;
	}
	.news-post-outlink .post-share{
		text-align: center;
		margin-top: 15px;
	}
	.comments{
		margin: 30px 0px;
	}
	.comment-count{
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	.commentlists .avatarbox{
		width: 14%;
		margin-right: 4%;
	}
	.comment-info{
		width: 82%;
	}
	.comments ul.children{
		margin-left: 40px;
	}
	.comment-info span{
		font-size: 12px;
	    line-height: 19px;
	    margin-right: 20px;
	}
	.comment-info a{
		font-size: 12px;
	    line-height: 19px;
	}
	.comments ul li{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.comments ul li p{
		font-size: 11px;
	    line-height: 18px;
	    padding-top: 5px;
	}
	.respond{
		margin-top: 25px;
		margin-bottom: 60px;
	}
	.respond form{
		width: 100%;
	}
	.respond h3{
		font-size: 17px;
		line-height: 24px;
	}
	.control-group label{
		font-size: 13px;
		line-height: 20px;
	}
	.comment-text label{
		font-size: 13px;
		line-height: 20px;
	}
	.respond input[type="text"]{
		width: 100%;
		margin-bottom: 15px;
		height: 25px;
	}
	.respond textarea{
		width: 100%;
	}
	.respond input[type="submit"]{
		font-size: 13px;
		line-height: 20px;
	}
	.newspage-nav{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.newspage-nav a{
		font-size: 9px;
		line-height: 16px;
		padding: 7px 5px;
	}
	.news-post .button a{
		font-size: 9px;
		line-height: 16px;
		padding: 4px 10px;
	}
	.news-page-sidebar .search{
		margin-top: 15px;
	}
	.news-page-sidebar .search button{
		font-size: 17px;
		line-height: 24px;
	}
	.news-page-sidebar .search input{
		font-size: 12px;
		line-height: 19px;
		padding: 2px;
	}
	.news-page-sidebar h4{
		font-size: 15px;
	    line-height: 22px;
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
	.news-page-sidebar .news-type-list ul li{
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar .recent-posts a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.single-project-slider.owl-theme .owl-controls .owl-dots span{
		width: 10px;
		height: 10px;
	}
	.error-home h1{
		font-size: 30px;
	    line-height: 37px;
	    padding: 5px 10px;
	    margin-bottom: 15px;
	    letter-spacing: 2px;
	}
	.error-home p{
		font-size: 12px;
	    line-height: 19px;
	}

}


/*iPhone Landscape Mode and Mediium Smart Phones*/
@media (min-width: 361px) and (max-width: 375px) {
	.container{
		max-width: 330px;
	}
	.page-section{
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.pad-top-special{
		padding-top: 45px;
	}
	.pad-bottom-special{
		padding-bottom: 45px;	
	}
	.pad-top{
		padding-top: 50px
	}
	.pad-bottom{
		padding-bottom: 50px;
	}
	.pad-top-half{
		padding-top: 25px;
	}
	.pad-bottom-half{
		padding-bottom: 25px;
	}
	.pad-min-top-half{
		padding-top: 15px;
	}
	.pad-min-bottom-half{
		padding-bottom: 15px;
	}
	.section-header-name h4{
		font-size: 11px;
		line-height: 18px;
		margin: 20px 0px;
		padding: 10px;
	}
	.section-header-text p{
		font-size: 16px;
		line-height: 23px;
	}
	.slimmenu{
		display: block;
	}
	.main-header.fixed-menu{
		display: none;
	}
	.header-content{
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.main-menu{
		padding: 0px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.main-menu-item{
		display: block;
		margin: 6px 0px;
	}
	.main-menu-item a{
		font-size: 10px;
		line-height: 17px;
		padding-bottom: 0px;
		border-bottom: 0px;
	}
	.sub-menu{
		position: relative;
		top: 0px;
		padding-top: 0px;
		padding-left: 0px;
		text-align: center;
	}
	.sub-menu .sub-menu-item{
		display: block;
	}
	.sub-menu .sub-menu-item a{
		font-size: 9px;
		line-height: 16px;
		margin: 4px 0px;
		padding: 0px;
	}
	.home01 h1{
		font-size: 22px;
		line-height: 29px;
		letter-spacing: 5px;
		padding-left: 3px;
	}
	.home02 h1{
		font-size: 20px;
		line-height: 27px;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.home02 h2{
		font-size: 22px;
		line-height: 29px;
	}
	.home02-slider.owl-theme .owl-dots .owl-dot span{
		width: 10px;
		height: 10px;
	}
	.home03 .top-line{
		display: none;
	}
	.home03 .cd-headline{
	    font-size: 22px;
	    line-height: 29px;
	}
	.home03 .cd-headline.loading-bar span{
	    font-size: 22px;
	    line-height: 29px;
	}
	.home03 .cd-headline.loading-bar b.is-visible{
	    font-size: 22px;
	    line-height: 29px;
	}
	.home04 h1{
		font-size: 24px;
		line-height: 31px;
	}
	.home05 h1{
		font-size: 24px;
		line-height: 31px;
	}
	.about-promo-small h1{
		font-size: 15px;
		line-height: 22px;
		margin: 0px;
	}
	.about-promo-small h1:after{
		margin-top: 5px;
		margin-bottom: 0px; 
	}
	.about-promo-small h3{
		font-size: 16px;
		line-height: 23px;
	}
	.bx-pager-button{
		height: 65px;
	}
	.bx-wrapper{
		margin-top: 65px;
	}
	.pager-text{
		font-size: 10px;
		line-height: 17px;
	}
	.bxslider-content .bx-slider-item{
		padding: 0px;
	}
	.bxslider-content.count div div{
		padding: 5px;
	}
	.bxslider-content span{
		font-size: 20px;
		line-height: 27px;
	}
	.bxslider-content h1{
		font-size: 20px;
		line-height: 27px;
	}	
	.bxslider-content p{
		font-size: 10px;
		line-height: 17px;
		padding-top: 8px;
		margin-top: 8px;
	}
	.about-promo-big .period {
		font-size: 14px;
		line-height: 21px;
		padding-top: 20px;
		padding-bottom: 15px;
	}
	.about-promo-big h1{
		font-size: 16px;
		line-height: 28px;
	}
	.about-promo-big .dark-arrow:before{
		width: 45px;
		top: -23px;
	}
	.about-promo-big h3{
		font-size: 14px;
		line-height: 21px;
	}
	.services-left-panel ul li{
		margin-bottom: 25px;
	}
	.services-left-panel h3{
		font-size: 13px;
		line-height: 20px;
	}
	.services-left-panel p{
		font-size: 13px;
		line-height: 20px;
		margin-top: 0px;
	}
	.services-item h1{
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 0px;
	}
	.services-item p{
		font-size: 16px;
		line-height: 23px;
	}
	.services-text-block .caption h5{
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 20px;
	}
	.services-text-block .caption h5:after{
		margin-top: 15px;
		margin-bottom: 35px;
	}
	.services-text-block .content{
		width: 75%;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.services-text-block-content div :last-child .content {
		margin-bottom: 0px;
	}
	.services-text-block .content span {
		font-size: 40px;
		line-height: 47px;
	}
	.services-text-block .content h6 {
		font-size: 12px;
		line-height: 19px;
		margin-top: 0px;
		margin-bottom: 5px;
	}	
	.services-text-block .content p{
		font-size: 11px;
		line-height: 18px;
	}
	.clients-wrap {
		padding-left: 0%;
		padding-right: 0%;
	}
	.client{
		width: 50%;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px; 
	}
	.client a img{
		width: 80%;
	}
	.clients-text-content{
		padding-left: 25px;
	}
	.clients-text-content h1{
		font-size: 35px;
		line-height: 42px;
		margin-bottom: 0px;
	}
	.clients-text-content p{
		font-size: 10px;
		line-height: 17px;
	}
	.team-member-details h5{
		font-size: 12px;
		line-height: 19px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.team-member-details p{
		font-size: 11px;
		line-height: 18px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.promo-section h1 {
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	.promo-section p {
		font-size: 11px;
		line-height: 18px;
	}
	.promo-section .btn a{
		font-size: 9px;
		line-height: 16px;
		padding: 7px 10px;
		margin-top: 10px;
	}
	.portfolio-filter-nav ul li a{
		font-size: 13px;
		line-height: 20px;
		margin-right: 0px;
	}
	.portfolio-item-details h5{
		font-size: 12px;
		line-height: 19px;
		margin-top: 15px;
	}
	.portfolio-item-details p{
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.shuffle__sizer{
		width: 100%;
	}
	.portfolio-mask-content a{
		font-size: 20px;
		line-height: 27px;
	}
	.portfolio-mask-content p{
		font-size: 11px;
		line-height: 18px;
	}
	.social-slider-item{
		height: 250px;
		padding: 20px;
	}
	.social-slider-item .social-text h2 {
		font-size: 15px;
		line-height: 22px;
	}
	.social-slider.owl-theme .owl-controls{
		display: none;
	}
	.news-item-overlay {
		padding: 80px 35px;
	}
	.news-item h4{
		font-size: 12px;
		line-height: 19px;
	}
	.news-item h1{
		font-size: 18px;
		line-height: 25px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.news-item p{
		font-size: 13px;
		line-height: 20px;
	}
	.news-slider.owl-theme .owl-controls{
		display: none;
	}
	.map-wrap{
		height: 420px;
	}
	.map{
		height: 420px;
	}
	.contact-form{
		width: 250px;
		padding: 25px;
	}
	.contact-form input{
		margin-bottom: 10px;
	}
	.contact-form textarea{
		margin-bottom: 10px;
	}
	.contact-form label{
		font-size: 15px;
		line-height: 22px;
	}
	.contact-form button {
		font-size: 10px;
		line-height: 17px;
		padding: 3px 20px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.contact-form ::-webkit-input-placeholder{ /* WebKit browsers */
	    font-size: 12px;
	    line-height: 10px;
	}
	.contact-form :-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
	    font-size: 12px;
	    line-height: 10px;
	}
	.contact-form ::-moz-placeholder{ /* Mozilla Firefox 19+ */
	    font-size: 12px;
	    line-height: 10px;
	}
	.contact-form :-ms-input-placeholder{ /* Internet Explorer 10+ */
	    font-size: 12px;
	    line-height: 10px;
	}
	.footer .contact-details span{
		font-size: 19px;
		line-height: 26px;
		margin-bottom: 0px;
	}
	.footer .contact-details p{
		font-size: 11px;
		line-height: 18px;
	}
	.footer .contact-details div{
		padding: 0px;
	}
	.footer .social-icons {
		margin-top: 15px;
		margin-bottom: 30px;
	}
	.footer .social-icons span{
		margin-bottom: 25px;
		font-size: 17px;
		line-height: 24px;
		height: 30px;
		width: 30px;
		padding-top: 0px;
	}
	.footer .social-icons p{
		font-size: 11px;
		line-height: 18px;
	}
	.contact-details div{
		margin-bottom: 0px;
	}
	.to-top{
		right: 20px;
	}
	.to-top a{
		width: 30px;
		height: 30px;
	}
	.to-top a i {
		font-size: 17px;
		line-height: 17px;
	}
	.single-project-home h1{
		font-size: 18px;
		line-height: 25px;
	}
	.single-project-home h1:after{
		margin: 0px;
	}
	.inner-page-home h1{
		font-size: 26px;
		line-height: 33px;
		margin-bottom: 0px;
	}
	.inner-page-home p{
		font-size: 11px;
		line-height: 18px;
		letter-spacing: 1px;
	}
	.single-project-home h1{
		font-size: 26px;
		line-height: 33px;
	}
	.news-post h1{
		font-size: 18px;
	    line-height: 25px;
	    margin-bottom: -5px;
	}
	.news-post p{
		font-size: 12px;
	    line-height: 19px;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}
	.news-post-details p{
		font-size: 12px;
	    line-height: 19px;
	    margin: 0px;
	}
	.news-post .news-post-details a{
		font-size: 13px;
	    line-height: 20px;
	}
	.post-share a{
		margin: 0px 5px;
	}
	.news-post-outlink {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.news-post-outlink .post-tags{
		text-align: center;
	}
	.news-post-outlink .post-tags a{
		font-size: 10px;
		line-height: 17px;
		padding: 2px 4px;
	}
	.news-post-outlink .post-share{
		text-align: center;
		margin-top: 15px;
	}
	.comments{
		margin: 30px 0px;
	}
	.comment-count{
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	.commentlists .avatarbox{
		width: 14%;
		margin-right: 4%;
	}
	.comment-info{
		width: 82%;
	}
	.comments ul.children{
		margin-left: 40px;
	}
	.comment-info span{
		font-size: 12px;
	    line-height: 19px;
	    margin-right: 20px;
	}
	.comment-info a{
		font-size: 12px;
	    line-height: 19px;
	}
	.comments ul li{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.comments ul li p{
		font-size: 11px;
	    line-height: 18px;
	    padding-top: 5px;
	}
	.respond{
		margin-top: 25px;
		margin-bottom: 60px;
	}
	.respond form{
		width: 100%;
	}
	.respond h3{
		font-size: 17px;
		line-height: 24px;
	}
	.control-group label{
		font-size: 13px;
		line-height: 20px;
	}
	.comment-text label{
		font-size: 13px;
		line-height: 20px;
	}
	.respond input[type="text"]{
		width: 100%;
		margin-bottom: 5px;
		height: 25px;
	}
	.respond textarea{
		width: 100%;
	}
	.respond input[type="submit"]{
		font-size: 13px;
		line-height: 20px;
	}
	.newspage-nav{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.newspage-nav a{
		font-size: 9px;
		line-height: 16px;
		padding: 7px 5px;
	}
	.news-post .button a{
		font-size: 9px;
		line-height: 16px;
		padding: 4px 10px;
	}
	.news-page-sidebar .search{
		margin-top: 15px;
	}
	.news-page-sidebar .search button{
		font-size: 17px;
		line-height: 24px;
	}
	.news-page-sidebar .search input{
		font-size: 12px;
		line-height: 19px;
		padding: 2px;
	}
	.news-page-sidebar h4{
		font-size: 15px;
	    line-height: 22px;
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
	.news-page-sidebar .news-type-list ul li{
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar .recent-posts a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.single-project-slider.owl-theme .owl-controls .owl-dots span{
		width: 10px;
		height: 10px;
	}
	.error-home h1{
		font-size: 30px;
	    line-height: 37px;
	    padding: 5px 10px;
	    margin-bottom: 15px;
	    letter-spacing: 2px;
	}
	.error-home p{
		font-size: 12px;
	    line-height: 19px;
	}



}


/*Other Major Small Smart Phones*/
@media (min-width: 321px) and (max-width: 360px) {
	.container{
		max-width: 300px;
	}
	.page-section{
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.pad-top-special{
		padding-top: 45px;
	}
	.pad-bottom-special{
		padding-bottom: 45px;	
	}
	.pad-top{
		padding-top: 50px
	}
	.pad-bottom{
		padding-bottom: 50px;
	}
	.pad-top-half{
		padding-top: 25px;
	}
	.pad-bottom-half{
		padding-bottom: 25px;
	}
	.pad-min-top-half{
		padding-top: 15px;
	}
	.pad-min-bottom-half{
		padding-bottom: 15px;
	}
	.section-header-name h4{
		font-size: 11px;
		line-height: 18px;
		margin: 20px 0px;
		padding: 10px;
	}
	.section-header-text p{
		font-size: 16px;
		line-height: 23px;
	}
	.header-content{
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.slimmenu{
		display: block;
	}
	.main-header.fixed-menu{
		display: none;
	}
	.main-menu{
		padding: 0px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.main-menu-item{
		display: block;
		margin: 6px 0px;
	}
	.main-menu-item a{
		font-size: 10px;
		line-height: 17px;
		padding-bottom: 0px;
		border-bottom: 0px;
	}
	.sub-menu{
		position: relative;
		top: 0px;
		padding-top: 0px;
		padding-left: 0px;
		text-align: center;
	}
	.sub-menu .sub-menu-item{
		display: block;
	}
	.sub-menu .sub-menu-item a{
		font-size: 9px;
		line-height: 16px;
		margin: 4px 0px;
		padding: 0px;
	}
	.home01 h1{
		font-size: 22px;
		line-height: 29px;
		letter-spacing: 5px;
		padding-left: 3px;
	}
	.home02 h1{
		font-size: 20px;
		line-height: 27px;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.home02 h2{
		font-size: 22px;
		line-height: 29px;
	}
	.home02-slider.owl-theme .owl-dots .owl-dot span{
		width: 10px;
		height: 10px;
	}
	.home03 .top-line{
		display: none;
	}
	.home03 .cd-headline{
	    font-size: 22px;
	    line-height: 29px;
	}
	.home03 .cd-headline.loading-bar span{
	    font-size: 22px;
	    line-height: 29px;
	}
	.home03 .cd-headline.loading-bar b.is-visible{
	    font-size: 22px;
	    line-height: 29px;
	}
	.home04 h1{
		font-size: 24px;
		line-height: 31px;
	}
	.home05 h1{
		font-size: 24px;
		line-height: 31px;
	}
	.about-promo-small h1{
		font-size: 15px;
		line-height: 22px;
		margin: 0px;
	}
	.about-promo-small h1:after{
		margin-top: 5px;
		margin-bottom: 0px; 
	}
	.about-promo-small h3{
		font-size: 16px;
		line-height: 23px;
	}
	.bx-pager-button{
		height: 55px;
	}
	.bx-wrapper{
		margin-top: 55px;
	}
	.pager-text{
		font-size: 10px;
		line-height: 17px;
	}
	.bxslider-content .bx-slider-item{
		padding: 0px;
	}
	.bxslider-content.count div div{
		padding: 5px;
	}
	.bxslider-content span{
		font-size: 20px;
		line-height: 27px;
	}
	.bxslider-content h1{
		font-size: 20px;
		line-height: 27px;
	}	
	.bxslider-content p{
		font-size: 10px;
		line-height: 17px;
		padding-top: 8px;
		margin-top: 8px;
	}
	.about-promo-big .period {
		font-size: 14px;
		line-height: 21px;
		padding-top: 20px;
		padding-bottom: 15px;
	}
	.about-promo-big h1{
		font-size: 16px;
		line-height: 26px;
	}
	.about-promo-big .dark-arrow:before{
		width: 45px;
		top: -23px;
	}
	.about-promo-big h3{
		font-size: 14px;
		line-height: 21px;
	}
	.services-left-panel ul li{
		margin-bottom: 25px;
	}
	.services-left-panel h3{
		font-size: 13px;
		line-height: 20px;
	}
	.services-left-panel p{
		font-size: 13px;
		line-height: 20px;
		margin-top: 0px;
	}
	.services-item h1{
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 0px;
	}
	.services-item p{
		font-size: 16px;
		line-height: 23px;
	}
	.services-text-block .caption h5{
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 20px;
	}
	.services-text-block .caption h5:after{
		margin-top: 10px;
		margin-bottom: 25px;
	}
	.services-text-block .content{
		width: 75%;
		margin: 0 auto;
		margin-bottom: 25px;
	}
	.services-text-block .content span{
		font-size: 40px;
		line-height: 47px;
	}
	.services-text-block-content div :last-child .content {
		margin-bottom: 0px;
	}
	.services-text-block .content h6 {
		font-size: 12px;
		line-height: 19px;
		margin-top: 0px;
		margin-bottom: 5px;
	}	
	.services-text-block .content p{
		font-size: 11px;
		line-height: 18px;
	}
	.clients-wrap {
		padding-left: 0%;
		padding-right: 0%;
	}
	.client{
		width: 50%;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px; 
	}
	.client a img{
		width: 80%;
	}
	.clients-text-content{
		padding-left: 25px;
	}
	.clients-text-content h1{
		font-size: 35px;
		line-height: 42px;
		margin-bottom: 0px;
	}
	.clients-text-content p{
		font-size: 10px;
		line-height: 17px;
	}
	.team-member-details h5{
		font-size: 12px;
		line-height: 19px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.team-member-details p{
		font-size: 11px;
		line-height: 18px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.promo-section h1 {
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	.promo-section p {
		font-size: 11px;
		line-height: 18px;
		letter-spacing: 1px;
	}
	.promo-section .btn a{
		font-size: 9px;
		line-height: 16px;
		padding: 7px 10px;
		margin-top: 10px;
	}
	.portfolio-filter-nav ul li{
		font-size: 12px;
		line-height: 19px;
		display: block;
	}
	.portfolio-filter-nav ul li a{
		font-size: 13px;
		line-height: 20px;
		margin-right: 0px;
	}
	.portfolio-item-details h5{
		font-size: 12px;
		line-height: 19px;
		margin-top: 15px;
	}
	.portfolio-item-details p{
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.shuffle__sizer{
		width: 100%;
	}
	.portfolio-mask-content a{
		font-size: 20px;
		line-height: 27px;
	}
	.portfolio-mask-content p{
		font-size: 11px;
		line-height: 18px;
	}
	.social-slider-item{
		height: 250px;
	}
	.social-slider-item .social-text h2 {
		font-size: 18px;
		line-height: 25px;
	}
	.social-slider.owl-theme .owl-controls{
		display: none;
	}
	.news-item-overlay {
		padding: 80px 35px;
	}
	.news-item h4{
		font-size: 12px;
		line-height: 19px;
	}
	.news-item h1{
		font-size: 16px;
		line-height: 23px;
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.news-item p{
		font-size: 12px;
		line-height: 19px;
	}
	.news-slider.owl-theme .owl-controls{
		display: none;
	}
	.map-wrap{
		height: 420px;
	}
	.map{
		height: 420px;
	}
	.contact-form{
		width: 250px;
		padding: 25px;
	}
	.contact-form input{
		margin-bottom: 10px;
	}
	.contact-form textarea{
		margin-bottom: 10px;
	}
	.contact-form label{
		font-size: 15px;
		line-height: 22px;
	}
	.contact-form button {
		font-size: 10px;
		line-height: 17px;
		padding: 3px 20px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.contact-form ::-webkit-input-placeholder{ /* WebKit browsers */
	    font-size: 12px;
	    line-height: 10px;
	}
	.contact-form :-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
	    font-size: 12px;
	    line-height: 10px;
	}
	.contact-form ::-moz-placeholder{ /* Mozilla Firefox 19+ */
	    font-size: 12px;
	    line-height: 10px;
	}
	.contact-form :-ms-input-placeholder{ /* Internet Explorer 10+ */
	    font-size: 12px;
	    line-height: 10px;
	}
	.footer .contact-details span{
		font-size: 19px;
		line-height: 26px;
		margin-bottom: 0px;
	}
	.footer .contact-details p{
		font-size: 11px;
		line-height: 18px;
	}
	.footer .contact-details div{
		padding: 0px;
	}
	.footer .social-icons {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.footer .social-icons span{
		margin-bottom: 15px;
		font-size: 17px;
		line-height: 24px;
		height: 30px;
		width: 30px;
		padding-top: 0px;
	}
	.footer .social-icons p{
		font-size: 11px;
		line-height: 18px;
	}
	.contact-details div{
		margin-bottom: 0px;
	}
	.to-top{
		right: 20px;
	}
	.to-top a{
		width: 30px;
		height: 30px;
	}
	.to-top a i {
		font-size: 17px;
		line-height: 17px;
	}
	.single-project-home h1{
		font-size: 16px;
		line-height: 23px;
	}
	.single-project-home h1:after{
		margin: 0px;
	}
	.inner-page-home h1{
		font-size: 26px;
		line-height: 33px;
		margin-bottom: 0px;
	}
	.inner-page-home p{
		font-size: 11px;
		line-height: 18px;
		letter-spacing: 1px;
	}
	.single-project-home h1{
		font-size: 26px;
		line-height: 33px;
	}
	.news-post h1{
		font-size: 18px;
	    line-height: 25px;
	    margin-bottom: -5px;
	}
	.news-post p{
		font-size: 12px;
	    line-height: 19px;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}
	.news-post-details p{
		font-size: 12px;
	    line-height: 19px;
	    margin: 0px;
	}
	.news-post .news-post-details a{
		font-size: 13px;
	    line-height: 20px;
	}
	.post-share a{
		margin: 0px 5px;
	}
	.news-post-outlink {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.news-post-outlink .post-tags{
		text-align: center;
	}
	.news-post-outlink .post-tags a{
		font-size: 10px;
		line-height: 17px;
		padding: 2px 4px;
	}
	.news-post-outlink .post-share{
		text-align: center;
		margin-top: 15px;
	}
	.comments{
		margin: 30px 0px;
	}
	.comment-count{
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	.commentlists .avatarbox{
		width: 14%;
		margin-right: 4%;
	}
	.comment-info{
		width: 82%;
	}
	.comments ul.children{
		margin-left: 40px;
	}
	.comment-info span{
		font-size: 12px;
	    line-height: 19px;
	    margin-right: 20px;
	}
	.comment-info a{
		font-size: 12px;
	    line-height: 19px;
	}
	.comments ul li{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.comments ul li p{
		font-size: 11px;
	    line-height: 18px;
	    padding-top: 5px;
	}
	.respond{
		margin-top: 25px;
		margin-bottom: 60px;
	}
	.respond form{
		width: 100%;
	}
	.respond h3{
		font-size: 17px;
		line-height: 24px;
	}
	.control-group label{
		font-size: 13px;
		line-height: 20px;
	}
	.comment-text label{
		font-size: 13px;
		line-height: 20px;
	}
	.respond input[type="text"]{
		width: 100%;
		margin-bottom: 5px;
		height: 25px;
	}
	.respond textarea{
		width: 100%;
	}
	.respond input[type="submit"]{
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
	}
	.newspage-nav{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.newspage-nav a{
		font-size: 9px;
		line-height: 16px;
		padding: 7px 5px;
	}
		.news-post .button a{
		font-size: 9px;
		line-height: 16px;
		padding: 4px 10px;
	}
	.news-page-sidebar .search{
		margin-top: 15px;
	}
	.news-page-sidebar .search button{
		font-size: 17px;
		line-height: 24px;
	}
	.news-page-sidebar .search input{
		font-size: 12px;
		line-height: 19px;
		padding: 2px;
	}
	.news-page-sidebar h4{
		font-size: 15px;
	    line-height: 22px;
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
	.news-page-sidebar .news-type-list ul li{
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar .recent-posts a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.single-project-slider.owl-theme .owl-controls .owl-dots span{
		width: 10px;
		height: 10px;
	}
	.error-home h1{
		font-size: 28px;
	    line-height: 35px;
	    padding: 5px 10px;
	    margin-bottom: 15px;
	    letter-spacing: 2px;
	}
	.error-home p{
		font-size: 12px;
	    line-height: 19px;
	}

}

@media only screen and (max-width: 480px) {
	
.promo-section{
	background: url('../images/news.jpg') center no-repeat;
	}

.home01 {
    background-size: cover !important;
}
.bg-img1 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/01.jpg') center no-repeat;
}
.bg-img2 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/02.jpg') center no-repeat;
}
.bg-img3 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/03.jpg') center no-repeat;
}
.bg-img4 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/04.jpg') center no-repeat;
}
.bg-img5 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/05.jpg') center no-repeat;
}
.bg-img6 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/06.jpg') center no-repeat;
}
.bg-img7 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/07.jpg') center no-repeat;
}
.bg-img8 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/08.jpg') center no-repeat;
}
.bg-img9 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/09.jpg') center no-repeat;
}
.bg-img10 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/10.jpg') center no-repeat;
}
.bg-img11 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/11.jpg') center no-repeat;
}
.bg-img12 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/12.jpg') center no-repeat;
}
.bg-img13 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/13.jpg') center no-repeat;
}
.bg-img14 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/14.jpg') center no-repeat;
}
.bg-img15 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/15.jpg') center no-repeat;
}
.bg-img16 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/16.jpg') center no-repeat;
}
.bg-img17 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/17.jpg') center no-repeat;
}
.bg-img18 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/18.jpg') center no-repeat;
}
.bg-img19 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/19.jpg') center no-repeat;
}
.bg-img20 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/20.jpg') center no-repeat;
}
.bg-img21 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/21.jpg') center no-repeat;
}
.bg-img22 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/22.jpg') center no-repeat;
}
.bg-img23 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/23.jpg') center no-repeat;
}
.bg-img24 {
	background: url('http://saltytiers.com/clients/ffinc/images/main/24.jpg') center no-repeat;
}

}



/*iPhone Portrait Mode and Very Small Mobile Phones*/
@media screen and (max-width: 320px) {
	.container{
		max-width: 300px;
	}
	.page-section{
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.pad-top-special{
		padding-top: 45px;
	}
	.pad-bottom-special{
		padding-bottom: 45px;	
	}
	.pad-top{
		padding-top: 50px
	}
	.pad-bottom{
		padding-bottom: 50px;
	}
	.pad-top-half{
		padding-top: 25px;
	}
	.pad-bottom-half{
		padding-bottom: 25px;
	}
	.pad-min-top-half{
		padding-top: 15px;
	}
	.pad-min-bottom-half{
		padding-bottom: 15px;
	}
	.section-header-name h4{
		font-size: 11px;
		line-height: 18px;
		margin: 20px 0px;
		padding: 10px;
	}
	.section-header-text p{
		font-size: 16px;
		line-height: 23px;
	}
	.slimmenu{
		display: block;
	}
	.main-header.fixed-menu{
		display: none;
	}
	.header-content{
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.main-menu{
		padding: 0px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.main-menu-item{
		display: block;
		margin: 6px 0px;
	}
	.main-menu-item a{
		font-size: 10px;
		line-height: 17px;
		padding-bottom: 0px;
		border-bottom: 0px;
	}
	.sub-menu{
		position: relative;
		top: 0px;
		padding-top: 0px;
		padding-left: 0px;
		text-align: center;
	}
	.sub-menu .sub-menu-item{
		display: block;
	}
	.sub-menu .sub-menu-item a{
		font-size: 9px;
		line-height: 16px;
		margin: 4px 0px;
		padding: 0px;
	}
	.home01 h1{
		font-size: 22px;
		line-height: 29px;
		letter-spacing: 5px;
		padding-left: 3px;
	}
	.home02 h1{
		font-size: 18px;
		line-height: 25px;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.home02 h2{
		font-size: 22px;
		line-height: 29px;
	}
	.home02-slider.owl-theme .owl-dots .owl-dot span{
		width: 10px;
		height: 10px;
	}
	.home03 .top-line{
		display: none;
	}
	.home03 .cd-headline{
	    font-size: 20px;
	    line-height: 27px;
	}
	.home03 .cd-headline.loading-bar span{
	    font-size: 20px;
	    line-height: 27px;
	}
	.home03 .cd-headline.loading-bar b.is-visible{
	    font-size: 20px;
	    line-height: 27px;
	}
	.home04 h1{
		font-size: 24px;
		line-height: 31px;
	}
	.home05 h1{
		font-size: 24px;
		line-height: 31px;
	}
	.about-promo-small h1{
		font-size: 15px;
		line-height: 22px;
		margin: 0px;
	}
	.about-promo-small h1:after{
		margin-top: 5px;
		margin-bottom: 0px; 
	}
	.about-promo-small h3{
		font-size: 16px;
		line-height: 23px;
	}
	.bx-pager-button{
		height: 55px;
	}
	.bx-wrapper{
		margin-top: 55px;
	}
	.pager-text{
		font-size: 10px;
		line-height: 17px;
	}
	.bxslider-content .bx-slider-item{
		padding: 0px;
	}
	.bxslider-content.count div div{
		padding: 5px;
	}
	.bxslider-content span{
		font-size: 20px;
		line-height: 27px;
	}
	.bxslider-content h1{
		font-size: 20px;
		line-height: 27px;
	}	
	.bxslider-content p{
		font-size: 10px;
		line-height: 17px;
		padding-top: 8px;
		margin-top: 8px;
	}
	.about-promo-big .period {
		font-size: 14px;
		line-height: 21px;
		padding-top: 20px;
		padding-bottom: 15px;
	}
	.about-promo-big h1{
		font-size: 16px;
		line-height: 26px;
	}
	.about-promo-big .dark-arrow:before{
		width: 45px;
		top: -23px;
	}
	.about-promo-big h3{
		font-size: 14px;
		line-height: 21px;
	}
	.services-left-panel ul li{
		margin-bottom: 25px;
	}
	.services-left-panel h3{
		font-size: 13px;
		line-height: 20px;
	}
	.services-left-panel p{
		font-size: 13px;
		line-height: 20px;
		margin-top: 0px;
	}
	.services-item h1{
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 0px;
	}
	.services-item p{
		font-size: 16px;
		line-height: 23px;
	}
	.services-text-block .caption h5{
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 20px;
	}
	.services-text-block .caption h5:after{
		width: 60%;
		margin-top: 15px;
		margin-bottom: 25px;
	}
	.services-text-block .content{
		width: 75%;
		margin: 0 auto;
		margin-bottom: 25px;
	}
	.services-text-block .content span{
		font-size: 40px;
		line-height: 47px;
	}
	.services-text-block-content div :last-child .content {
		margin-bottom: 0px;
	}
	.services-text-block .content h6 {
		font-size: 12px;
		line-height: 19px;
		margin-bottom: 5px;
	}	
	.services-text-block .content p{
		font-size: 11px;
		line-height: 18px;
	}
	.clients-wrap {
		padding-left: 0%;
		padding-right: 0%;
	}
	.client{
		width: 50%;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px; 
	}
	.client a img{
		width: 80%;
	}
	.clients-text-content{
		padding-left: 25px;
	}
	.clients-text-content h1{
		font-size: 35px;
		line-height: 42px;
		margin-bottom: 0px;
	}
	.clients-text-content p{
		font-size: 10px;
		line-height: 17px;
	}
	.team-member-details h5{
		font-size: 12px;
		line-height: 19px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.team-member-details p{
		font-size: 11px;
		line-height: 18px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.team-slider.owl-theme .owl-controls{
		display: none;
	}
	.promo-section h1 {
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	.promo-section p {
		font-size: 11px;
		line-height: 18px;
		letter-spacing: 1px;
	}
	.promo-section .btn a{
		font-size: 9px;
		line-height: 16px;
		padding: 7px 10px;
		margin-top: 10px;
	}
	.portfolio-filter-nav ul li{
		font-size: 12px;
		line-height: 19px;
		display: block;
	}
	.portfolio-filter-nav ul li a{
		font-size: 13px;
		line-height: 20px;
		margin-right: 0px;
	}
	.portfolio-item-details h5{
		font-size: 12px;
		line-height: 19px;
		margin-top: 15px;
	}
	.portfolio-item-details p{
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.shuffle__sizer{
		width: 100%;
	}
	.portfolio-mask-content a{
		font-size: 20px;
		line-height: 27px;
	}
	.portfolio-mask-content p{
		font-size: 11px;
		line-height: 18px;
	}
	.social-slider-item{
		height: 250px;
	}
	.social-slider-item .social-text h2 {
		font-size: 18px;
		line-height: 25px;
	}
	.social-slider.owl-theme .owl-controls{
		display: none;
	}
	.news-item-overlay {
		padding: 80px 35px;
	}
	.news-item h4{
		font-size: 12px;
		line-height: 19px;
	}
	.news-item h1{
		font-size: 18px;
		line-height: 25px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.news-item p{
		font-size: 12px;
		line-height: 19px;
	}
	.news-slider.owl-theme .owl-controls{
		display: none;
	}
	.map-wrap{
		height: 420px;
	}
	.map{
		height: 420px;
	}
	.contact-form{
		width: 250px;
		padding: 25px;
	}
	.contact-form input{
		margin-bottom: 10px;
	}
	.contact-form textarea{
		margin-bottom: 10px;
	}
	.contact-form label{
		font-size: 15px;
		line-height: 22px;
	}
	.contact-form button {
		font-size: 10px;
		line-height: 17px;
		padding: 3px 20px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.contact-form ::-webkit-input-placeholder{ /* WebKit browsers */
	    font-size: 12px;
	    line-height: 10px;
	}
	.contact-form :-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
	    font-size: 12px;
	    line-height: 10px;
	}
	.contact-form ::-moz-placeholder{ /* Mozilla Firefox 19+ */
	    font-size: 12px;
	    line-height: 10px;
	}
	.contact-form :-ms-input-placeholder{ /* Internet Explorer 10+ */
	    font-size: 12px;
	    line-height: 10px;
	}
	.footer .contact-details span{
		font-size: 19px;
		line-height: 26px;
		margin-bottom: 0px;
	}
	.footer .contact-details p{
		font-size: 11px;
		line-height: 18px;
	}
	.footer .contact-details div{
		padding: 0px;
	}
	.footer .social-icons {
		margin-top: 15px;
		margin-bottom: 30px;
	}
	.footer .social-icons span{
		margin-bottom: 10px;
		font-size: 17px;
		line-height: 24px;
		height: 30px;
		width: 30px;
		padding-top: 0px;
	}
	.footer .social-icons p{
		font-size: 11px;
		line-height: 18px;
	}
	.contact-details div{
		margin-bottom: 0px;
	}
	.to-top{
		right: 20px;
	}
	.to-top a{
		width: 30px;
		height: 30px;
	}
	.to-top a i {
		font-size: 17px;
		line-height: 17px;
	}	
	.inner-page-home h1{
		font-size: 16px;
		line-height: 23px;
	}
	.single-project-home h1{
		font-size: 16px;
		line-height: 23px;
	}
	.single-project-home h1:after{
		margin: 0px;
	}
	.inner-page-home h1{
		font-size: 26px;
		line-height: 33px;
		margin-bottom: 0px;
	}
	.inner-page-home p{
		font-size: 11px;
		line-height: 18px;
		letter-spacing: 1px;
	}
	.single-project-home h1{
		font-size: 26px;
		line-height: 33px;
	}
	.news-post h1{
		font-size: 18px;
	    line-height: 25px;
	    margin-bottom: -5px;
	}
	.news-post p{
		font-size: 12px;
	    line-height: 19px;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}
	.news-post-details p{
		font-size: 12px;
	    line-height: 19px;
	    margin: 0px;
	}
	.news-post .news-post-details a{
		font-size: 13px;
	    line-height: 20px;
	}
	.post-share a{
		margin: 0px 5px;
	}
	.news-post-outlink {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.news-post-outlink .post-tags{
		text-align: center;
	}
	.news-post-outlink .post-tags a{
		font-size: 10px;
		line-height: 17px;
		padding: 2px 4px;
	}
	.news-post-outlink .post-share{
		text-align: center;
		margin-top: 15px;
	}
	.comments{
		margin: 30px 0px;
	}
	.comment-count{
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	.commentlists .avatarbox{
		width: 14%;
		margin-right: 4%;
	}
	.comment-info{
		width: 82%;
	}
	.comments ul.children{
		margin-left: 40px;
	}
	.comment-info span{
		font-size: 12px;
	    line-height: 19px;
	    margin-right: 20px;
	}
	.comment-info a{
		font-size: 12px;
	    line-height: 19px;
	}
	.comments ul li{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.comments ul li p{
		font-size: 11px;
	    line-height: 18px;
	    padding-top: 5px;
	}
	.respond{
		margin-top: 25px;
		margin-bottom: 60px;
	}
	.respond form{
		width: 100%;
	}
	.respond h3{
		font-size: 17px;
		line-height: 24px;
	}
	.control-group label{
		font-size: 13px;
		line-height: 20px;
	}
	.comment-text label{
		font-size: 13px;
		line-height: 20px;
	}
	.respond input[type="text"]{
		width: 100%;
		margin-bottom: 5px;
		height: 25px;
	}
	.respond textarea{
		width: 100%;
	}
	.respond input[type="submit"]{
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
	}
	.newspage-nav{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.newspage-nav a{
		font-size: 9px;
		line-height: 16px;
		padding: 7px 5px;
	}
	.news-post .button a{
		font-size: 9px;
		line-height: 16px;
		padding: 4px 10px;
	}
	.news-page-sidebar .search{
		margin-top: 15px;
	}
	.news-page-sidebar .search button{
		font-size: 17px;
		line-height: 24px;
	}
	.news-page-sidebar .search input{
		font-size: 12px;
		line-height: 19px;
		padding: 2px;
	}
	.news-page-sidebar h4{
		font-size: 15px;
	    line-height: 22px;
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
	.news-page-sidebar .news-type-list ul li{
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar .recent-posts a{
		font-size: 12px;
	    line-height: 19px;
	}
	.news-page-sidebar a{
		font-size: 12px;
	    line-height: 19px;
	}
	.single-project-slider.owl-theme .owl-controls .owl-dots span{
		width: 10px;
		height: 10px;
	}
	.error-home h1{
		font-size: 25px;
	    line-height: 32px;
	    padding: 5px 10px;
	    margin-bottom: 15px;
	    letter-spacing: 2px;
	}
	.error-home p{
		font-size: 11px;
	    line-height: 18px;
	}



}