/*
Theme Name: ESTICASA 2018
*/

@media (min-width: 769px){
	.container {
	     width: 90%;
	}
}

@media (min-width: 992px){
	.container {
	    width: 90%;
	}
}

@media (min-width: 1200px){
	.container {
	    width: 90%;
	    max-width: 1440px;
	}
}





/* ALL DESKTOP */
@media (min-width: 769px){
	
	
}/* End of ALL DESKTOP*/





/* DESKTOP SCREENS: To display correctly the Main Navigation in all screen sizes
-------------------------------------------------- */
/* REGULAR SCREENS */
@media (min-width: 769px) and (max-width:1400px ){

	
}/* END OF REGULAR SCREENS */







/* BIG SCREENS */
@media (min-width: 769px) and (max-width:1400px ){
	/* HOME */
	#main-sidebar {
	    padding-top: 10px;
	}

	nav#submenu-nav {
	    padding-top: 10px;
	}

	footer#main-footer {
	    padding-bottom: 15px;
	}

	#submenu-nav li a {
	    padding: 15px 10px;
	}

	.contact-icons {
	    padding-bottom: 15px;
	}

	.copyright, .development {
	    padding-top: 15px;
	}
}/* END OF BIG SCREENS */



/* MEDIUM SCREENS */
@media (min-width: 769px) and (max-width:1200px ){

	.page-title {
	    margin-top: 50px;
	}

	figure.logo {
	    max-width: 120px;
	    min-height: 120px;
	}

	nav#submenu-nav {
	    font-size: 16px!important;
	}

	#submenu-nav li a {
	    padding: 12px 10px;
	}

	nav#submenu-nav {
	    padding-top: 15px;
	}
}/* END OF MEDIUM SCREENS */
 



/* SMALL SCREENS */
@media (min-width: 769px) and (max-width:992px ){
	.landing-links article figure img {
	    min-width: 800px;
	}
	.entry-page article {
	    padding-left: 30px;
	    padding-right: 30px;
	}

	#brand-menu li a {
	    padding: 0 5px;
	}

	#brand-menu li a img {
	    height: 28px;
	}
}/* END OF SMALL SCREENS */
















/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* DEVICES
-------------------------------------------------------------------------------------------------------------------------------------------------- */



/* ALL DEVICES */
@media (max-width: 768px) {
	.desktop{
		display: none;
		visibility: hidden;
	}

	.mobile{
		display: block!important;
		visibility: visible!important;
	}

	.mobile.inline-block{
		display: inline-block!important;
	}

	
	#content {
	    margin-left: 0;
	}

	/* Sidebar */
	#main-sidebar {
	    bottom: auto;
	    right: 0;
	    width: 100%;
	    padding-top: 6px;
   		padding-bottom: 6px;
   		padding-left: 0;
    	padding-right: 0;
	}

	footer#main-footer {
	    position: static;
	    /* background: black; */
	    padding: 0;
	}

	figure.logo {
	    float: left;
	    margin-left: 15px;
	    max-width: 55px;
   		min-height: 55px;
	}

	figure.logo img {
	    width: 75%;
	}

	.navbar-header {
	    text-align: right;
	    padding-right: 15px;
	}

	.navbar-header > * {
	    vertical-align: top;
	}

	.navbar-toggle {
		color: white;
	    font-size: 35px;
	    margin-top: 0;
	    margin-bottom: 0;
	    padding-bottom: 0;
	    line-height: 47px;
	    margin-right: 5px;
	    float: none;
	    padding: 5px 10px 0;
	}

	.navbar-header .contact-icons {
	    border-bottom: none;
		padding: 0;
	}

	.round-icons li a {
	    display: block;
	    margin-bottom: 5px;
	}

	.round-icons li i {
	    font-size: 23px;
	    width: 35px;
	    height: 35px;
	    line-height: 34px;
	}

	/* Menu */
	.navbar-collapse {
	    box-shadow: 0 8px 5px 2px rgba(0,0,0,.5);
	}

	#submenu-nav {
	    border-top: 1px solid rgba(255,255,255,.3);
	    margin-top: 12px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	}

	#submenu-nav li:last-child {
	    border-bottom: 0;
	}

	/* Brand menu */
	nav#brand-menu {
	    margin-top: 65px;
	    text-align: center;
	    position: static;
	}

	#brand-menu li a {
	    padding: 0 2px;
	}

	#brand-menu li a img {
	    height: 24px;
	}

	/* Page */
	.entry-page {
	    padding-top: 30px;
	}
	.entry-page article {
	    padding-left: 15px;
	    padding-right: 15px;
	}

	.page-title {
	    margin-top: 0;
	}
	
	.page-content {
	    margin-top: 30px;
	    margin-bottom: 30px;
	}

	#content footer#main-footer {
	    padding: 25px 15px;
	}

	#content footer#main-footer .round-icons li,
	.entry-page footer .round-icons li{
	    padding-left: 47px;
	    min-height: 32px;
	}

	
	/* Home */
	.landing #main-sidebar {
	    position: static;
	    height: auto;
	}

	.landing figure.logo {
	    float: none;
	    margin-left: 0;
	    padding-top: 10px;
	    padding-bottom: 25px;
	}

	aside blockquote {
	    position: relative;
	    font-size: 17px!important;
	    border-width: 1px;
	    padding-top: 15px;
	    padding-bottom: 0px!important;
	    padding-top: 15px!important;
	    border-bottom: 0;
	    margin-bottom: 10px;
	    margin-top: 5px!important;
	    padding-left: 15px;
	    padding-right: 15px;
	}

	aside blockquote:after, aside blockquote:before {
	    font-size: 16px;
	}

	section.landing-links {
	    padding: 10px;
	}

	.landing-links article .circle {
	    width: 90px;
	    height: 90px;
	}

	.landing-links article .circle img {
	    width: 70%;
	}

	.landing-links article figure img {
	    width: 200%;
	    max-width: 1000px;
	}

	.landing-links article section {
	    width: 50%;
	    max-width: 300px;
	    min-width: 110px;
	}

	.landing-links article {
	    height: 28vh;
	}

	.landing-links article .btn {
	    min-width: 1px;
	}

	.landing #main-footer.mobile {
	    background: #000013;
	}
}/* end of ALL DEVICES */









/* ALL PHONES */
@media (max-width: 600px) {
	/* Galery */
	.gallery .carousel {
	    padding-left: 0;
	    padding-right: 0;
	}

	.gallery .carousel-control.left {
	    left: 0;
	}

	.gallery .carousel-control.right {
	    right: 0;
	}

	.gallery .carousel-control {
	    color: white;
	    font-size: 35px;
	}
	
}/* end of ALL PHONES */





/* LARGE PHONES */
@media (max-width: 480px) {
	/* Landing */
	.landing figure.logo img {
	   max-width: 180px; 
	}

	aside blockquote {
	    font-size: 13px!important;
	}

	aside blockquote:after, aside blockquote:before {
	    font-size: 13px;
	}

	.landing figure.logo {
	    padding-bottom: 15px;
	}

	/* Servicios */
	.service > * {
	    width: 100%;
	}

	.service > figure {
	    padding-right: 0;
	}

	.service {
	    margin-bottom: 25px;
	}

	.service > header {
	    padding: 8px;
	}

	.background-image {
	    background-position: center center;
	}
		
}/* end of LARGE  PHONES */



/* SMALL PHONES */
@media (max-width: 400px) {
	/* NAVIGATION */
	/* Brand menu */
	#brand-menu li a img {
	    height: 23px;
	}
	
}/* end of SMALL DEVICES */













/* SMALL PHONES */
@media (max-width: 350px) {
	/* Brand menu */
	#brand-menu li a img {
	    height: 20px;
	}
}/* end of SMALL DEVICES */