/*===================================================================================*/
/*  TABLET PORTRAIT                                                                  */ 
/*===================================================================================*/

    @media only screen and (min-width : 690px) and (max-width : 1024px) { 

        .menu { display: none; }
        .mobile-btn { display: table-cell; }
        .slide { width: auto; }

        .stats { width: 49.7%; margin-bottom: 30px; }

        .pricetable { width: 100% !important; margin-bottom: 60px; }
        .pricetable:last-child { margin-bottom: 0 !important; }
        
        .contact-form [class*="btn-"] { width: 100%; }

        .parallax [class*="span"].last { margin-bottom: 0; }
        .parallax .container { padding: 50px 0; }

        .project-details li { width: 50%; margin-bottom: 30px; }
        .single-portfolio .container { padding-bottom: 30px; }

        #footer { text-align: center; padding: 25px 0 20px 0 ; }
        #footer .logo { float: none; display: block; margin-bottom: 20px; }
        #footer p { display: block; margin-bottom: 20px; }
        #footer .social { float: none; margin-top: 0; display: inline-block; }
		
		.parallax
		{
			background-position: center center !important;
			background-repeat: repeat-y !important;
			/* background-attachment: fixed !important; */
			-webkit-background-size: cover !important;
			-moz-background-size: cover !important;
			-o-background-size: cover !important;
			background-size: cover !important;
			background-attachment:scroll!important;
		}
		
		#contacto.ios input[type=text] {
			margin-top: 18px;
		}
		
    }
	
	@media only screen and (min-width : 1119px) and (max-width : 1420px) { 
		.portfolio-items {
			max-width: 1120px;
        }
	}
	
	@media only screen and (min-width : 839px) and (max-width : 1120px) { 
		.portfolio-items {
			max-width: 840px;
        }
	}
	
	@media only screen and (min-width : 559px) and (max-width : 840px) { 
		.portfolio-items {
			max-width: 560px;
        }
	}


	@media only screen and (max-height : 770px) { 
		.wrapper {
			padding: 180px 25px 0 25px;
		}
	}
	
	@media only screen and (max-height : 320px) { 
		.wrapper {
			padding: 60px 25px 0 25px;
		}
		.wrapper2 {
			padding-top: 255px!important;
		}
		.menu_overlay .menu-items ul {
			margin: 0px!important;
		}
		.menu_overlay .menu-items ul li span {
			margin: 5px auto!important;
		}
	}
	
	@media only screen and (min-height : 559px) and (max-width : 768px) { 
	
	}
	
	@media only screen and (max-width : 768px) { 
		
		#casos,
		/*#team,*/
		#nosotros-img,
		#stats,
		#mobile,
		#mobile2,
		#nosotros .conocenos,
		#testimonios,
		#mCasos
		{
			display: none;
		}
		
		.clients a {
			width: 33.33%;
		}
		
		
		
		.menu_overlay .menu-items ul li span {
			margin: 20px auto;
		}
		
		#home .btMenu {
			right: 50px;
		}
		
		#home .home-logo
		{
			top: 25px;
			left: 25px;
		}
		
		.wrapper2 {
			padding-top: 425px;
		}
		
		#contacto .tel
		{
			margin-bottom: 50px;
		}
		
		.single-portfolio .derecha.alignright
		{
			float: none;
			text-align: center;
			display: block;
			clear: both;
			padding-top: 1px;
			position: relative;
			margin: 0 auto;
		}
		
		
		.tPrincipal
		{
			font-size: 38px;
			line-height: 38px;
			margin-bottom: 20px;
		}
		
		#nosotros .alignR { text-align: center; }
		#nos { width: 100%; padding: 0 10px; }
		#nos .title { margin-top: 0!important; }
		
		#cont { width: 315px; margin: 0 auto; }
		
		#contacto .alignR { text-align: center; }
		
		#contacto .contTitulo
		{
			width: 315px!important;
			margin-top: 30px;
		}
		
		#contacto .titulo
		{
			width: 315px;
		}
		
		#contacto .titulo br
		{
			display: none;
		}
		
		#contacto .titulo span {
			display: none;
		}
		
		#contacto .campos
		{
			margin-right: 0!important;
			width: 315px!important;
		}
		
		#contacto .msj
		{
			width: 315px!important;
		}
		
		#contacto .msj textarea
		{
			width: 315px!important;
		}
		
		#contacto .redes a
		{
			margin: 0;
		}
		#contacto .redes a img
		{
			margin: 0 20px 20px 20px;
		}
		
		.parallax
		{
			background-position: center center !important;
			background-repeat: repeat-y !important;
			/* background-attachment: fixed !important; */
			-webkit-background-size: cover !important;
			-moz-background-size: cover !important;
			-o-background-size: cover !important;
			background-size: cover !important;
			background-attachment:scroll!important;
		}
		
		#contacto input[type=text] {
			margin-top: 5px;
		}
	}
    
/*===================================================================================*/
/*  MOBILE LANDSCAPE                                                                 */ 
/*===================================================================================*/

    @media only screen and (max-width : 690px) { 

        .menu { display: none; }
        .mobile-btn { display: table-cell; }
        .nav { padding: 0px 25px; }


        .home-wrapper .slider-text h1 {
            font-size: 40px;
            font-weight: 700;
            padding: 20px 0;
        }
		/*****************************
		*			TEAM 			 *
		*****************************/
		#team {
			/*height: 840px;*/
			padding: 80px 0 160px;
		}
        #team .slides .flex-active-slide div {
        	background-image: none!important;
        }
        #team .container img {
        	display: block;
        	height: 187px;
			width: 187px;
			margin: 0 auto;
			margin-bottom:30px;
        }
		#team .recuadro {
			top: 90px;
		}
        #team .recuadro h1 {
			font-size: 28px;
			padding: 10px 20px;
		}
		#team .semibold span,
		#team .tit-desk {
			display: none;
		}
		#team .slides li .info {
			top: 135px;
		}
		#team .tit-mob {
			display: block;
			line-height: 18px;
		}
		#team .info .alignleft {
			width: 320px;
			text-align: center;
			padding: 0 10px;
		}
		#team .info .alignleft div {
			text-align: center;
		}
		/******************************
		*			END 			  *
		******************************/
		#casos,
		/*#team,*/
		#nosotros-img,
		#stats,
		#mobile,
		#mobile2,
		#nosotros .conocenos,
		#home .home-btn,
		#testimonios,
		#mCasos
		{
			display: none;
		}
		
		.menu_overlay .menu-items ul li span {
			margin: 20px auto;
		}
		
		#home .btMenu {
			right: 17px;
		}
		
		#contacto .tel
		{
			margin-bottom: 50px;
		}
		
		.single-portfolio .derecha.alignright
		{
			float: none;
			text-align: center;
			display: block;
			clear: both;
			padding-top: 1px;
			position: relative;
		}
		
		
		.tPrincipal
		{
			font-size: 38px;
			line-height: 38px;
			margin-bottom: 20px;
		}
		
		#nosotros .alignR { text-align: center; }
		#contacto .alignR { text-align: center; }
		
		#contacto .contTitulo
		{
			width: 315px!important;
			margin-top: 30px;
		}
		
		#contacto .titulo
		{
			width: 315px;
		}
		
		#contacto .titulo br
		{
			display: none;
		}
		
		#contacto .titulo span {
			display: none;
		}
		
		#contacto .campos
		{
			margin-right: 0!important;
			width: 255px!important;
		}
		#contacto .container #cont div.alignright {
			width: 287px!important;
		}
		#contacto .msj
		{
			width: 315px!important;
		}
		#contacto .joinus {
			margin: 0 auto;
			width: 255px;
		}
		#contacto .msj textarea
		{
			width: 255px!important;
		}
		#contacto form input.cGris999 {
			width: 255px;
		}
		#contacto .redes a
		{
			margin: 0;
		}
		#contacto .redes a img
		{
			margin: 0 20px 20px 20px;
		}
		
		.item2x1
		{
			width: 100%!important;
			height: auto!important;
		}
		
		.item2x2
		{
			width: 100%!important;
			height: auto!important;
		}
		
		.item5x1
		{
			width: 100%!important;
			height: auto!important;
		}
		
        .parallax .container { padding: 50px 0; }

        #filtrable a { margin-bottom: 5px; }

        .stats { width: 100%; margin-bottom: 30px; }

        .pricetable { width: 100% !important; margin-bottom: 60px; }
        .pricetable:last-child { margin-bottom: 0 !important; }

        .project-details li { width: 100%; margin-bottom: 30px; }
        .single-portfolio .container { padding-bottom: 30px; }

        .clients a { margin-left: 0px; margin-right: 0px;  width: 100%; }

        .contact-form [class*="btn-"] { width: 100%; }

        #footer { text-align: center; padding: 25px 0 20px 0 ; }
        #footer .logo { float: none; display: block; margin-bottom: 20px; }
        #footer p { display: block; margin-bottom: 20px; }
        #footer .social { float: none; margin-top: 0; display: inline-block; }

		.parallax
		{
			background-position: center center !important;
			background-repeat: repeat-y !important;
			/* background-attachment: fixed !important; */
			-webkit-background-size: cover !important;
			-moz-background-size: cover !important;
			-o-background-size: cover !important;
			background-size: cover !important;
			background-attachment:scroll!important;
		}
		
        .single-portfolio {
            padding-left: 20px;
            padding-right: 20px;
        }
        
        .svDivisor {
            margin: 15px 0;
        }
        
		#contacto input[type=text] {
			margin-top: 5px;
		}
        
        #google-partner {
            position: relative;
            height: 215px;
        }
        
        #google-partner span {
            margin-right: 0;
            padding-top: 0;
            width: 55%;
            font-size: 16px;
            position: absolute;
            top: 85px;
            left: 71px;
        }
        
        #google-partner img {
            margin: 0;
            position: absolute;
            bottom: 20px;
            left: 65px;
        }
    }

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .single-portfolio {
        padding-left: 0px;
        padding-right: 0px;
    }
    .svDivisor {
        margin: 15px 20px;
    }
    #google-partner {
        
    }
    #google-partner span {
        margin-right: 0;
        position: relative;
        bottom: 0;
        left: -100px;
    }
    #google-partner img {
        margin-top: 0;
        position: relative;
        top: -40px;
        left: 100px;
    }
}