@charset "utf-8";

/* ========================================================================================= */
/* Large Screens                                                                             */
/* ========================================================================================= */
/* Effects that will be apear only on computers */
@media only screen and (min-width: 1200px) {

	/* Portfolio */
	.isotope-item {
		max-width: 25%;
	}
}

/* ========================================================================================= */
/* Tablet landscape                                                                          */
/* ========================================================================================= */
@media only screen and (min-width: 768px) and (max-width: 1200px) {

	/* Portfolio */
	.isotope-item {
		max-width: calc(50% - 1px);
	}

}
  
  
/* ========================================================================================= */
/* Tablet Portrait                                                                          */
/* ========================================================================================= */
@media only screen and (max-width: 768px) {

	/* Header */
	header #logo { max-height: 90px; margin-top: 9px; }

	header {
	    height: 120px;
	}
	#menu .responsive-nav-toggle {
	    top: 43px;
	}

	/* Header */
	.header-socials { display: none; }

	#menu .responsive-nav-toggle {
		display: block;
		z-index: 51;
	}
	#menu .menu-inner {
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.9);
		border-left: 1px solid #3d3d3d;
		z-index: 50;

		-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
		-webkit-box-shadow: 0px 0px 4x 0px rgba(0,0,0,0.15);
		box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
		transition: right 0.5s ease;
	}
	#menu #menu-misc {
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	#menu #main-nav {
		margin: 0;
		padding: 0 30px;
		overflow-y: scroll;
		/* width: calc(100% - 60px); */
		max-height: calc(100vh - 150px);
		opacity: 0;
		transition: opacity 0.3s ease;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
	}
	#menu.menu-is-open .menu-inner {
		right: 0;
	}
	#menu.menu-is-open #menu-misc {
		opacity: 1;
		transition: opacity 0.3s ease 0.3s;
	}
	#menu.menu-is-open #main-nav {
		opacity: 1;
		transition: opacity 0.3s ease 0.3s;
	}

	nav#main-nav ul > li {
		display: block;
		margin: 0;
		width: 100%;
		text-align: center !important;
	}
	nav#main-nav ul li a {
		line-height: 24px !important;
		padding: 4px 0 !important;
		display: inline-block !important;
    	font-size: 16px;
	}
	#menu.menu-is-open nav#main-nav ul ul li a {
    	font-size: 14px;
	}
	nav#main-nav > ul > li > a:after {
		display: none;
	}
	nav#main-nav > ul > li > a.button-style {
		height: 30px !important;
		line-height: 30px !important;
		padding: 0 15px !important;
		margin: 4px 0;
	}
	nav#main-nav ul li.menu-item-has-children > a:before {
	    content: "\f107";
	    font-family: "FontAwesome";
		display: block;
		right:-15px;
	}
	nav#main-nav ul li > ul.submenu {
		display: none;
		position: static;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		transition: none !important;
		width: auto;
		opacity: 1;
		visibility: visible;
		background: none;
		margin-top: 0;
		padding: 15px 0;
	}
	nav#main-nav ul li > ul.submenu:after {
		display: none;
	}
	nav#main-nav ul li > ul.submenu > li {
		padding: 0;
		margin: 0 !important;
	}

	/* Headings */
	h1 { line-height: 50px; }
	h2 { line-height: 40px; }
	h3 { line-height: 46px; }
	h4 { line-height: 24px; }
	h6 { line-height: 20px; }

	/* Revolution Slider */
	.tp-caption.proto-caption strong {
		font-size: 32px;
	}
	.tp-caption.proto-caption.subtitle-2 {
	}

	/* Portfolio */
	.isotope-item {
		width: 50%;
	}
	.portfolio_inner {
	    max-height: calc(364px - 6px);
	}

	/* Filters */
    .portfolio-title h1 {
      font-size: 26px;
      margin: 15px;
      line-height: 30px;
    }
    .portfolio-filter li {
      display: block;
      margin: 10px 0;
    }
	.portfolio-filter li:after {
	    display: none;
	}
	.portfolio-filter li.active {
	    padding-left: 0;
	}

	/* Portfolio Single */
	.portfolio-single-content > div:not(:first-child) { margin-top: 35px; }

	/* About us page */
	.mobile-margin-bottom { margin-bottom: 50px; }

	/* Contact us */
	.contactus-box:first-child { border-right: 1px solid #f1f1f1; }
	.contactus-box:nth-child(2) { border-right: none; }
	.contactus-box:last-child { border-top: 1px solid #f1f1f1; }
	.contactus-box {
	    margin-top: 0;
	    padding: 30px 50px;
	}

	/* Footer fix */
	.footer p {
		white-space: nowrap;
	}
}

/* ========================================================================================= */
/* Phones                                                                                    */
/* ========================================================================================= */
@media only screen and (max-width: 480px) {

	.content-data {
	    padding: 20px 40px 40px;
	}

	/* General Styles */
	header #logo { max-height: 90px; }

	#page-section { margin-top: 50px; }

	ul.social-icons li a {
	    /* padding: 1px; */
	    width: 22px;
	    height: 22px;
	}
	ul.social-icons li a i {
	    top: 2px;
	    left: -5px !important;
	}
	ul.social-icons li a i:first-child {
	    left: -2px;
	}

	/* Clients Logos Fixes */
	.clients-logos img {
	    border-left: 1px solid #eee;
	    border-right: 1px solid #eee;
	    border-top: 1px solid #eee;
	    border-bottom: 0px;
	}
	.clients-logos img:last-child {
	    border-bottom: 1px solid #eee;
	}

	/* Portfolio */
	.isotope-item {
		width: 100%;
		overflow: hidden;
	}

	/* Bootstrap Fixes */
	.container-fluid .row { margin: 0; padding: 0; }

	/* Contact us */
	.contactus-box { border-right: none !important; border-bottom: 1px solid #f1f1f1; }
	.contactus-box:last-child { border-bottom: none; }

	/* Footer fix */
	footer .footer > div:first-child {
		text-align: center;
	}
	.footer .copyrights p {
		white-space: normal;
		text-align: center;
	}
	footer .copyrights {
	    margin-top: 0;
	    margin-bottom: 25px;
	}
	footer .text-right {
	    text-align: center;
	}

	/* Map fixes */
	#googleMap {
	    width: calc(100% + 80px);
	    height: 430px;
	    margin: 50px -40px 0 -40px;
	}

	.map {
	    width: calc(100% + 80px);
		margin: 40px -40px -41px -40px;
	}
	.map h2 {
		margin-left: 40px;
	}
}


/* ========================================================================================= */
/* Nexus 6P                                                                                  */
/* ========================================================================================= */
@media only screen and (max-width: 435px) {}


/* ========================================================================================= */
/* IPhone 6 Plus                                                                             */
/* ========================================================================================= */
@media only screen and (max-width: 414px) {}


/* ========================================================================================= */
/* Galaxy S5                                                                                 */
/* ========================================================================================= */
@media only screen and (max-width: 360px) {}


/* ========================================================================================= */
/* IPhone 5                                                                                  */
/* ========================================================================================= */
@media only screen and (max-width: 320px) {}