/* Media Queries
-------------------------------------------------------------- */
@media only screen and (max-width: 1366px) {
	
	
}

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
	
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
	.btn-menu {
		display: block ;
	}

	.flat-row,
	.flat-row.testimonials {
		padding: 50px 0;
	}

	.mainnav {
		display: none;
	}

	.flat-information > li > a {
		padding: 5px 0 5px 28px;
	}

	.flat-information > li:before {
		top: 5px;
	}

	.header.header-style2 .btn-menu:before, 
	.header.header-style2 .btn-menu:after, 
	.header.header-style2 .btn-menu span,
	.header.header-style3 .btn-menu:before, 
	.header.header-style3 .btn-menu:after, 
	.header.header-style3 .btn-menu span {
		background: #fff;
	}

	.header.header-style2 + #mainnav-mobi {
		top: 98px;
	}

	.header.header-style3 + #mainnav-mobi {
		top: 140px;
	}

	#lang_sel {
		display: none;
	}

	.get-appointment {
		text-align: center;
	}

	.work-detail-content {
		padding-top: 20px;
	}

	.header .logo {
		float: none;
		display: inline-block;
	}

	.menu.menu-extra {
		width: 30%;
		position: absolute;
		top: 0;
		right: 15px;
	}

	.flat-one-haft {
		width: 100%;
		float: none;
	}

	.flat-single-images {
		width: 100%;
	}

	.menu-extra li.shopping-cart .submenu {
		left: auto;
		right: 0;
	}

	.menu-extra li.shopping-cart:hover .submenu {
		left: auto;
		right: 0;
	}

	.images-box,
	.images-box.show {
		width: 100%;
	}

	.page-title.parallax .page-title-heading h1 {
		font-size: 60px;
	}

	.social-links,
	.flat-information {
		text-align: center;
	}

	.flat-row.about,
	.flat-row.blog,
	footer,
	.page-title,
	.main-content,
	.flat-row.offer {
		padding: 40px 0 30px;
	}

	.iconbox,
	.flat-testimonials-images,
	.footer-widgets .widget  {
		margin-bottom: 30px;
	}

	.flat-portfolio .item,
	.flat-portfolio.grid-3columns .item {
		width: 50%;
	}

	.comment-respond .comment-notes, .comment-respond .comment-form-email,
	.comment-respond .comment-notes, .comment-respond .comment-form-email,
	.mail-chimp input[type="email"],
	.page-single .page-content,
	.page-single .page-sidebar {
		width: 100%;
	}

	.comment-respond .comment-notes {
		padding-right: 0;
	}

	.comment-respond .comment-form-email {
		padding-left: 0;
	}

	.flat-row {
		padding: 40px 0;
	}

	.widget.widget_instagram ul li {
		width: 80px;
	}	

	.tp-leftarrow.square, .tp-rightarrow.square {
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
	}

	.tp-leftarrow.square:before, .tp-rightarrow.square:before {
		left: 10px;
		top: 0;
		font-size: 22px;
	}

	.page-title-heading h1,
	.flat-qoute p {
		font-size: 30px;
	}

	.sidebar {		
		padding: 30px 15px 0 15px;
		border-left: 0;		
		margin-left: 0;
	}

	.blog-single .direction ul li ul.social-icons {
		margin-top: 0;
		padding: 20px 0;
	}

	.mail-chimp .subscribe {
		text-align: left;
	}

	.subscribe label {
		display: block;
	}

	.mail-chimp input[type="submit"] {
		right: 0;
	}

	.page-single .page-content,
	.page-single .page-sidebar {
		padding: 0 15px;
	}

	.flat-contact-info {
		margin-left: 0;
		margin-top: 30px;
	}

	.tp-leftarrow.square, .tp-rightarrow.square {
		background-color: transparent;		
	}

	.wrap-content-post,
	.sidebar-post {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	article {
		padding-left: 0;
	}

	article .post-comment,
	.blog-single article .post-comment {
		left: 15px;
		top: 15px;
	}

	.tp-caption.title-slide {
		font-size: 5vw;
	}

	.tp-caption.desc-slide {
		font-size: 1.5vw;
	}
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	.requestform p,
	.item-two-column {
		width: 100%;
	}

	.content-counter  {
		margin-bottom: 20px;
	}

	.requestform {
		padding-left: 0;
	}

	.flat-contact-form .input-wrap.name, .flat-contact-form .input-wrap.email {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
}

/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
	.flat-portfolio .item,
	.flat-portfolio.grid-3columns .item {
		width: 100%;
	}	

	ul.portfolio-filter > li:first-child {
		padding: 0 10px 0 0;
	}

	ul.portfolio-filter > li a {
		line-height: normal;
		padding: 5px 5px 5px 5px;
	}

	.tp-banner-container {
		height: 100vh;
		max-height: 100vh;
	}

	.tp-caption.title-slide {
		top: 15%;
		white-space: normal;
		font-size: 40px;
		line-height: 45px;
	}

	.tp-caption.desc-slide {
		top: 75px;
		visibility: visible;
		white-space: normal;
		letter-spacing: 4px;
		line-height: 25px;
		font-size: 15px;
	}

	.tp-banner-container .tp-slider-ul .slotholder .tp-bgimg {
		background-position: bottom right;
	}

	.tp-banner .tp-buttons .flat-button {
		width: 250px;
		margin: 10px 5px;
		font-weight: bold;
		font-size: 15px;
	}

	.menu.menu-extra > li > a {
		line-height: 50px;
		height: 50px;
	}

	.btn-menu {
		margin: 17px 0;
	}

	.header .logo {
		margin: 10px 0 0 0;
	}

	.menu-extra li.search-box .submenu {
		top: -34px;
	}

	.flat-footer .footer-content .social-links a {
		margin: 0 10px;
	}

	.flat-portfolio.grid-4columns .item,
	.flat-portfolio.grid-4columns .item.w2,
	.flat-work-detail.simple .project-content {
		width: 100%;
	}

	.header.header-style3 {
		left: 0;
		top: 0;
	}

	.page-title.parallax .page-title-heading h1 {
		font-size: 30px;
		line-height: 40px;
	}

	article .content-post {
		margin-left: 0;
	}

	.header.header-style3 + #mainnav-mobi {
		top: auto;
	}

	.flat-one-halft {
		width: 100%;
	}

	.direction {
		margin-left: 0;
	}

	.work-detail-fullscreen .flat-work-detail .project-content {
		padding: 40px 15px;
	}

	.top {
		position: relative;
		left: 0;
		top: 0;
		background: #202020;
	}

	.top .flat-information, .top .social-links {
		padding-top: 0;
	}

	.flat-footer .social-links a {
		padding: 0 0;
	}

	.header .logo {
		width: auto;
	}

	.btn-menu {
		margin-left: 0;
	}

	.menu.menu-extra {
		width: auto;
	}

	.menu.menu-extra > li > a {
		padding: 0 5px;
	}

	.menu-extra .shopping-cart .submenu .widget_shopping_cart_content {
		width: 255px;
	}

	.testimonials.style1 .message {
		overflow: visible;
	}

	.padl60 {
		padding-left: 15px;
	}

	.menu-extra > li > a {
		padding: 0 5px;
	}

	.tp-leftarrow.square, .tp-rightarrow.square {
		display: none;
	}

	.flat-portfolio.style1 .item:hover .project-title {
		top: 35%;
		left: 20px;
	}

	.flat-portfolio.style1 .view-detail {
		left: 20px;
	}

	.flat-portfolio.style1 .project-title {
		padding-right: 15px;
	}

	.flat-work-detail .project-content {
		width: 100%;
	}
}

@media only screen and (max-height: 500px) {
	.tp-banner-container {
		height: 100vh;
		max-height: 100vh;
	}
	
	.menu.menu-extra > li > a {
		line-height: 50px;
		height: 50px;
	}

	.btn-menu {
		margin: 17px 0;
	}

	.header .logo {
		margin: 10px 0 0 0;
	}

	.tp-caption.title-slide {
		top: 80px;
		font-size: 30px;
	}

	.tp-caption.desc-slide {
		font-size: 12px;
		letter-spacing: 3px;
	}

	.tp-banner .tp-buttons {
		top: 200px;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}

	.menu-extra li.search-box .submenu {
		top: -34px;
	}
}