/* Media Queries
-------------------------------------------------------------- */
@media (max-width: 1400px) {
	.left-image img {
	    margin: 100px;
	    width: calc(100% - 200px);
	    -ms-width: calc(100% - 200px);
	    -webkit-width: calc(100% - 200px);
	}
}
@media (max-width: 1200px) {
	.right-info {
	    padding-left: 80px;
	    padding-top: 30px;
	}
}

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
	.tp-banner .tp-caption h1,
	.tp-banner .tp-caption.text1 {
		padding-left: 30px;
	}
	.tp-banner .tp-caption.btn01,
	.tp-banner .tp-caption.btn02 {
		margin-left: 30px;
	}
	.feature-box .text {
		max-width: 820px;
		padding: 70px 20px 40px 80px;
	}
	.news-box .post {
		margin-bottom: 30px;
	}
	.news-box .post .media {
		max-width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.news-box .title-post {
		line-height: 24px;
	}
	.news-box .readmore {
		margin-top: 15px;
	}
	.page-portfolio article h3 {
		font-size: 17px;
	}
	.footer .footernav01 {
		margin-right: 3.9%;
	}
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
	.topbar .left ul, .topbar .right ul {
		padding: 0;
	}
	.main-content,
	.sidebar,
	.left-sidebar .main-content,
	.left-sidebar .sidebar,
	.right-sidebar .main-content,
	.right-sidebar .sidebar {
		float: none;
		width: 100%;
	}
	.counter .name {
		margin-bottom: 30px !important;
	}
	.right-sidebar .blog-post .main-content > .content {
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
	}
	.left-sidebar .blog-post .main-content > .content {
		margin-left: 0;
		padding-left: 0;
		border-left: 0;
	}
	.project-box2.style2 ul.filter li a {
		margin-bottom: 10px;
	    padding: 14px 10px;
	    width: 111px;
	    border-left: 1px solid #c5c5c5;
	}
	.page-portfolio article h3 {
		font-size: 13px;
	}
	.page-contact02 .contact-info .item,
	.page-contact03 .contact-info .item {
		text-align: left;
	}
	.page-contact02 .contact-info .item .icon-wrap,
	.page-contact03 .contact-info .item .icon-wrap {
		text-align: center;
	}
	.page-contact02 .contact-info .icon-wrap i,
	.page-contact03 .contact-info .icon-wrap i {
		font-size: 34px;
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
	.masonry h2.title-post {
		font-size: 18px;
	}
	.news-box02 .text {
		padding: 70px 20px 65px 66px;
	}
	.about-info {
	    margin-top: 0;
	    background: #404040;
	}
	.about-info ul li {
	    padding: 22px 0;
	    padding-left: 50px;
	    width: 100%;
	    margin-left: 0;
	    border-bottom: 1px dashed #6b6b6b;
	    border-left: 1px dashed #6b6b6b;
	}
	.about-info ul li i {
	    font-size: 38px;
	    left: 14px;
	}
	.about-info ul li.open-time i {
	    font-size: 34px;
	    left: 10px;
	}
	.feature-box .grid4 .item {
	    width: 50%;
	}
	.left-image img {
	    margin: 50px;
	    width: calc(100% - 100px);
	    -ms-width: calc(100% - 100px);
	    -webkit-width: calc(100% - 100px);
	}
	.right-info {
	    float: left;
	    width: calc(50% - 30px);
	    padding-left: 50px;
	}
	.count-wrap .icon {
	    font-size: 50px;
	}
	.count-wrap .timer {
	    font-size: 36px;
	}
	.count-wrap .name {
	    font-size: 13px;
	}
}

/* Tablet Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-top .logo {
		top: 4px;
		max-width: 130px;
	}
	.header-top .info .address {
		margin-right: 25px;
	}
	.header-top .info .open-hours {
		margin-right: 0;
	}
	.header-top .info .text,
	.header-top .open-hours .text {
		max-width: 250px;
		line-height: 19px;
		letter-spacing: -0.3px;
	}
	.header-top .info .icon {
		margin-right: 5px;
		width: 35px;
		height: 35px;
		padding-top: 5px;
		position: relative;
	}
	.header-top .info .icon i {
		position: absolute;
		top: -9px;
		left: -2px;
	}
	#mainnav > ul > li > a {
		padding: 17px 20px;
		font-size: 15px;
	}
	.right-nav a {
		font-size: 12px;
		padding: 0 12px;
	}
	.feature-post {
		padding-top: 50px;
		padding-bottom: 20px;
	}
	.feature-post .feature h3 a {
		padding: 11px 15px;
		font-size: 14px;
		letter-spacing: 0;
	}
	h2.title {
		font-size: 30px;
		margin-bottom: 50px;
	}
	.services-box {
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.icon-box {
		margin-bottom: 30px;
	}
	.icon-box i {
		font-size: 35px;
	}
	.icon-box .text {
		padding-left: 80px;
	}
	.icon-box .text h3 {
		font-size: 17px;
		margin-bottom: 10px;
	}
	.feature-box .text {
		padding: 50px 20px 25px 40px;
	}
	.feature-box .text h3 {
		font-size: 34px;
		margin-bottom: 15px;
	}
	.feature-box .text h3 span {
		font-size: 16px;
		line-height: 22px;
		margin-top: 11px;
	}
	.feature-box .text p {
		margin-bottom: 30px;
	}
	.testimonial-box {
		padding-top: 52px;
		padding-bottom: 25px;
	}
	.testimonial .text span.name {
		margin-top: 15px;
	}
	.request-box {
		padding-top: 52px;
		padding-bottom: 67px;
	}
	.news-box {
		padding-top: 52px;
		padding-bottom: 28px;
	}
	.news-box .post .media {
		float: none;
	}
	.news-box .title-post {
		line-height: 22px;
		margin-top: 10px;
	}
	.news-box .readmore {
		margin-top: 16px;
	}
	.more-info h3 {
		font-size: 30px;
	}
	.more-info input[type="email"] {
		width: 153px;
	}
	.footer .footer-logo {
		margin: 17px 0 14px 4px;
		max-width: 190px;
	}
	.footer .footernav01 {
		margin-right: 1.9%;
	}
	.footer .footernav02 {
		width: 32%;
		margin-right: 2%;
	}
	.footer .footernav03 span {
		margin-bottom: 5px;
	}
	.footer02 .footer-recent ul li span.media {
		max-width: 70px;
	}
	.footer02 .footer-recent ul li a,
	.footer02 .footer-recent ul li span.date {
		margin-left: 85px;
	}
	.footer02 .footer-recent ul li {
		margin-bottom: 35px;
	}
	.footer02 .footernav03 .subscribe-form label {
		padding-right: 100px;
	}
	.footer02 .footernav03 input[type="submit"] {
		padding: 15px 13px 12px;
	}
	.footer04 .footer-logo {
		max-width: 100%;
	}
	.tp-banner .tp-caption.bg-gray {
		width: 600px;
		height: 270px;
		background-color: rgba(0, 0, 0, 0.3);
	}
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	.grid4 .item {
	    width: 50%;
	}
	.grid3 .item {
	    width: 50%;
	}
	.topbar .right span {
		display: inline-block;
		margin-right: 6px;
		letter-spacing: -0.7px;
		font-size: 11px;
	}
	.right-nav > div > a {
		line-height: 40px;
		padding: 0 18px;
	}
	#mainnav-mobi ul > li > a i {
		display: none;
	}
	.topbar .left {
		display: none;
	}
	.header-top {
		padding: 12px 0 0;
	}
	.header-top .logo {
		max-width: 180px;
		left: 0;
		margin-bottom: 10px;
	}
	.header-top .info {
		display: none;
	}
	.logo {
	    margin-top: 10px;
	}
	#mainnav-mobi ul li {
		width:auto !important;
	}
	#mainnav-mobi ul li.right-nav {
		display: none;
	}
	.right-nav {
		height: 40px;
		text-align: left;
	}
	.right-nav a {
		line-height: 40px;
		font-size: 11px;
		padding: 0 10px;
	}
	.btn-menu {
	    position: relative;
	    display: inline-block;
	    margin-top: 15px;
	    z-index: 999;
	    color: #333;
	}
	.dark .btn-menu {
		color: #fff;
	}
	.left-side-menu #header {
		display: block;
	}
	.btn-left-menu {
		display: none;
	}
	.main-slider .text-content h2 {
		font-size: 19px;
	}
	.main-slider .text-content .text-scroll h1 {
		font-size: 35px;
	}
	.main-slider .text-content p.intro {
		font-size: 15px;
	}
	.feature-post.style2,
	.feature-post {
		margin-top: 0;
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.feature-post .feature {
		margin-bottom: 25px;
	}
	.services-box {
		padding-top: 10px;
		padding-bottom: 20px;
	}
	h2.title {
		font-size: 28px;
		margin-bottom: 45px;
	}
	h2.title:after {
		bottom: -15px;
	}
	.icon-box {
		margin-bottom: 30px;
	}
	.icon-box .text {
		padding-left: 90px;
	}
	.custom-nav {
		top: -44px;
	}
	.custom-nav a {
		padding: 1px 8px 0px;
	}
	.clients {
		margin-bottom: 30px;
		padding-right: 0;
	}
	.left-image {
	    float: none;
	    width: 100%;
	}
	.right-info {
	    float: none;
	    width: calc(100% - 30px);
	    padding-left: 30px;
	    max-width: 100%;
	}
	.footer ul.socials {
		margin-top: 20px;
		text-align: center;
	}
	.feature-box .image {
		width: 100%;
		height: 300px;
		float: none;
	}
	.feature-box .text {
		width: 100%;
		float: none;
		padding: 20px 15px;
	}
	.feature-box .text h3 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.feature-box .text h3 span {
		letter-spacing: 0;
		margin-top: 5px;
		line-height: 23px;
	}
	.feature-box .text p {
		margin-bottom: 30px;
	}
	.testimonial-box {
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.project-box .item {
	    border: 3px solid #fff;
	}
	.project-box3 .portfolio .item {
	    width: calc(50% - 5.3333px);
	}
	.request-box {
		padding-top: 30px;
		padding-bottom: 50px;
	}
	.requestform {
		padding-left: 0;
	}
	.requestform p {
		width: 100%;
		float: none;
	}
	.requestform input[type="text"], .requestform input[type="email"], .requestform select {
		margin-bottom: 10px;
	}
	.news-box {
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.more-info h3 {
		margin-top: 0;
		font-size: 21px;
	}
	.more-info p {
		font-size: 14px;
	}
	.more-info label {
		display: block;
	}
	.more-info input[type="email"] {
		width: 99%;
		padding-right: 140px;
	}
	.teammember article,
	.teammember.three-cols article {
		width: 50%;
	}
	.partners {
		margin: 0;
	}
	.partners li {
		width: 100%;
		margin: 0 0 15px;
	}
	.post .media {
		max-width: 40%;
		margin-right: 20px;
	}
	.tags-share .tags,
	.tags-share .share {
		width: 100%;
		text-align: left;
		margin-bottom: 10px;
	}
	.page-portfolio article h3 {
		font-size: 16px;
	}
	.page-portfolio.style3 .item,
	.page-portfolio.style4 .item {
		width: 50%;
	}
	.page-about .main-content ul li span {
		width: 16%;
	}
	.page-about .main-content ul li div {
		width: 83%;
	}
	.page-about .main-content ul li div:before {
		left: 17px;
	}
	.page-about .main-content ul li div:after {
		left: 12px;
		top: 3px;
	}
	.page-service .left ,
	.page-service .right {
		width: 100%;
		float: none;
		padding: 0;
	}
	.page-portfolio.style3 .item,
	.page-portfolio.style3 .two-cols .item,
	.page-portfolio.style3 .four-cols .item,
	.page-portfolio.style4 .item,
	.page-portfolio.style4 .two-cols .item,
	.page-portfolio.style4 .four-cols .item {
		width: 50%;
	}
	.news-box02 .item {
	    margin-bottom: 30px;
	}
	.news-box02 .image,
	.news-box02 .text {
		width: 100%;
		float: none;
	}
	.news-box02 .text {
		padding: 30px 15px 30px 15px;
	}
	.news-box02 .image {
		height: 300px;
	}
	.news-box02 .image.img-right {
		float: none;
	}
	.news-box02 .text:before,
	.news-box02 .text:after {
		content: none;
	}
	.feature-box .grid4 .item {
	    width: 100%;
	}
	.footer {
		/*padding: 30px 0 0;*/
	}
	.footer .footer-logo {
		margin: 15px 0;
	}
	.footer .footernav nav {
		width: 100%;
	}
	.footer .bottom {
		/*margin-top: 30px;*/
		padding: 20px 0 26px;
	}
	.footer .bottom p {
		margin: 0;
		text-indent: 3px;
		font-size: 11px;
		text-align: center;
	}
	.footer p.totop {
		position: absolute;
		top: -50px;
		width: 100%;
		text-align: center;
		margin-left: -15px;
	}
	.footer02 .footer .bottom {
		padding: 42px 0 14px;
	}
	.footer02 .footer p.totop {
		top: -75px;
	}
	.footer02 .footer-social {
		width: 100%;
		text-align: center;
	}
	.footer02 .footer-social ul {
		float: none;
	}
	.page-contact02 .contact-info .item,
	.page-contact03 .contact-info .item {
		padding: 0 5px;
	}
	.page-contact03 .contact-info .item {
		margin-top: 30px;
	}
	#gmap {
		margin-bottom: 30px;
	}
	.masonry .post {
		width: 50%;
	}
	.tp-banner .tp-caption.bg-gray {
		width: 500px;
		height: 220px;
		background-color: rgba(0, 0, 0, 0.3);
	}
	section.feature-text p {
	    margin-bottom: 20px;
	}
	.page-not-found h1 {
	    font-size: 138px;
	}
	.page-not-found h3 {
	    letter-spacing: 4px;
	}
	.page-not-found form input.form-control {
	    width: 270px;
	}
}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
	.grid4 .item,
	.grid3 .item {
	    width: 100%;
	}
	.teammember article,
	.teammember.three-cols article {
		width: 100%;
	}
	.teammember.list article .media {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.post .media {
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.entry-post ul.list {
		margin: 40px 0 40px 0;
	}
	.page-contact02 .contact-info .item,
	.page-contact03 .contact-info .item {
		width: 100%;
		text-align: center;
	}
	.masonry .post,
	.masonry.two-cols .post {
		width: 100%;
	}
	.page-portfolio.style3 .item,
	.page-portfolio.style3 .two-cols .item,
	.page-portfolio.style3 .four-cols .item,
	.page-portfolio.style4 .item,
	.page-portfolio.style4 .two-cols .item,
	.page-portfolio.style4 .four-cols .item {
		width: 100%;
	}
	.main-slider .text-scroll {
		height: 60px;
	}
	.main-slider .text-content .text-scroll h1 {
		font-size: 25px;
		height: 60px;
		line-height: 60px;
	}
	.count-wrap .item {
	    width: 100%;
	    float: none;
	    text-align: center;
	    border-bottom: 1px solid #ccc;
	    padding: 20px 0;
	}
	.services-box02 .icon-box.right .text {
	    padding-right: 120px;
	}
	.services-box02 .icon-box .icon {
	    max-width: 110px;
	}
	.page-comingsoon h1 {
	    font-size: 85px;
	}
	.transparent-header {
	    position: relative;
	}
	.project-box3 .portfolio .item {
	    width: calc(100% - 9.3333px);
	}
}


/* Retina Devices */
	@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (   -moz-min-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {

	/* Retina-specific stuff here */

}