/************************* LOWER RESOLUTION SCREENS AND LAPTOPS *************************/
@media screen and (min-width : 2000px) and (max-width : 2800px)
{ 

#sucursales{ padding-top:120px; background: url(../img/c1.jpg); background-size:cover; background-position:right top; }
#sucursales1{ padding-top:50px; padding-bottom:120px;  background: url(../img/c3.jpg); background-size:cover; background-position: left bottom; }

#vino {  color:#a57e46;  padding-top:20%; padding-left:20%; height:100%;
}

#c1 { width:40%; float:left;height:160px; padding-top:20px; padding-left:15%; }
#c2 {  width:60%; float:right; height:160px; padding-top:40px; padding-right:30px;
}




}

@media screen and (min-width : 900px) and (max-width : 1270px)

{ 

#vino {  color:#a57e46;  padding-top:17%; padding-left:8%; height:100%;
}

nav .menu{ display: inline-block; margin: 0px; position: relative; top: 4px; }
nav .menu li{ float: left; padding: 0px 12px; }
nav .menu li:last-child{ padding-right: 0px; }


.nav-transparent {  padding-left:8%; padding-right:6%; }
.section-medium{  padding-left:12%; padding-right:12%; }

#sucursales{  padding-left:12%; padding-right:12%; }
#sucursales1{  padding-left:12%; padding-right:12%; }

#productos{  padding-left:12%; padding-right:12%; }

#nosotros{  padding-bottom:120px; margin-top:120px;  padding-left:12%; padding-right:12%;
background:url(../img/ml-02.jpg) no-repeat left; 
background-size:cover; background-position: left;  }

#sucursales{ padding-top:120px; background: url(../img/c1.jpg); background-size:cover; background-position:right top; }
#sucursales1{ padding-top:50px; padding-bottom:120px;  background: url(../img/c3.jpg); background-size:cover; background-position: left bottom; }
}


@media screen and (min-width : 1280px) and (max-width : 2200px)
{ 



#nosotros{  padding-bottom:120px; margin-top:120px; 
background:url(../img/ml-02.jpg) no-repeat left; 
background-size:cover; background-position: left; }


.row{ max-width: 67em; }
.slide-content .medium-10{ width: 100%; }

#infoi { background:url(../img/maria-luisa.png) no-repeat; background-position:bottom right; 
}

#sucursales{ padding-top:120px; background: url(../img/c1.jpg); background-size:cover; background-position:right top; }
#sucursales1{ padding-top:50px; padding-bottom:120px;  background: url(../img/c3.jpg); background-size:cover; background-position: left bottom; }

}

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

.section-photo{ padding: 407px 0px; }
.blog-body .sidebar{ display: none; }
.blog-body .medium-9:first-child{ width: 100%; }
.blog-post-preview .date{ display: none; }

.hero-slider .medium-9{ width: 100%; }

.flex-direction-nav{ display: none; }


}

/************************* SMARTPHONES *************************/

/* LANDSCAPE STYLES */
@media screen and (min-width : 321px) and (max-width : 600px)
{ 

 .texto2 {font-size:16px; color:  #a57e46; text-align: left; font-weight:bold;letter-spacing:1px;     }

.texto4 {font-size:14px; color:#fff;  text-align: left;  letter-spacing:1px; font-family: 'Roboto', sans-serif; }




#a  { width:100%; float:left;height:10px; 
 text-align:center;
font-size:24px;color:#c1975f; font-family: "Open Sans"; 
 }
#b {  width:100%; float:right; height:150px;  text-align:left; padding-left:30px; padding-bottom:110px;}
.button-small{  font-size: 14px; font-weight:500; line-height: 19px !important; background-color: #A57E47; border:none;
color: #fff; border: none; padding: 0 10px 0px 10px; -webkit-appearance: none; width:26%; height: 40px; }
.button-small:hover{  font-size: 14px; font-weight:500; line-height: 19px !important; background-color: #997345; border:none;
color: #fff; border: none; padding: 0 10px 0px 10px; -webkit-appearance: none; width:26%; height: 40px; }
input[type="text"]{ color: #a57e46;  background: #fff; border: none;  font-size: 13px; -webkit-appearance: none; width: 68%; height: 40px; }


	#nuevos { text-align:center; padding:0px 0px 50px 0px; font-size:15px; color: #a57e46; letter-spacing:2px;  font-weight:bold; }
#nuevos img{  width:25px; height:auto;}
#nuevosres { text-align:center; padding:0px 0px 50px 0px; font-size:15px; color: #a57e46; letter-spacing: 20px;  font-weight:bold; }
#nuevosres img{  width:25px; height:auto;}

.medium-2 { padding-bottom:10%; text-align:center; padding-right:8%;}
.push-bottom{ margin-bottom: 10px; overflow: hidden; }
.logo2{ max-width: 232px; padding-left:5%;}

.nav-transparent {  padding-left:8%; padding-right:6%; }
.section-medium{  padding-left:12%; padding-right:12%; }


#sucursales{  padding-left:1%; padding-right:1%; padding-top:12%; background: url(../img/c1.jpg); background-size:cover; background-position:center;  }
#sucursales1{  padding-left:1%; padding-right:1%; background: url(../img/c2.jpg); background-size:cover; background-position: center bottom; }
.sedes{   font-size:16px; font-weight:bold;color: #EFECDB; font-family: 'Montserrat', sans-serif; }
.sedes1{   font-size:11px;color:#ccb697; font-family: 'Montserrat', sans-serif;  }
.blog-masonry-wrapper p{ font-size:11px; color: #CDB696; text-align: left; font-family: 'Roboto', sans-serif; }

.page-title {  padding-left:8%; padding-right:8%; padding-top:12%;    }


#sede0{ background: #2A2016; inline-block; width:100%; height:auto;text-align:center;   }
#sede{ background: #2A2016; padding:20px 0 0px 20px; display: inline-block; width:50%; height:auto; margin:0 5% 0 5%; text-align:center;   }
#sede1{ background: #2A2016; text-align:center; padding:10px 0 10px 0px; display: inline-block; width:70%; height:auto;margin:0 0% 0 15%; line-height:20px; text-align:center; }



#productos{  padding-left:8%; padding-right:8%; padding-top:12%; }

.cafe03{ margin-bottom:12%;}


#nosotros{ padding-top:20%; margin-top:200px;  padding-bottom:120px; background:url(../img/ml-02.jpg) no-repeat; background-size:cover; background-position: right; padding-left:12%; padding-right:12%; }
#asador{ padding-top:120px; padding-bottom:120px; background:url(../img/asador2.jpg) left no-repeat; background-size:cover; 
background-position: left;}
}


@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
	
 .texto2 {font-size:16px; color:  #a57e46; text-align: left; font-weight:bold;letter-spacing:1px;     }

.texto4 {font-size:14px; color:#fff;  text-align: left;  letter-spacing:1px; font-family: 'Roboto', sans-serif; }



#a  { width:100%; float:left;height:10px; 
 text-align:center;
font-size:24px;color:#c1975f; font-family: "Open Sans"; 
 }
#b {  width:100%; float:right; height:150px;  text-align:left; padding-left:30px; padding-bottom:110px;}
.button-small{  font-size: 14px; font-weight:500; line-height: 19px !important; background-color: #A57E47; border:none;
color: #fff; border: none; padding: 0 10px 0px 10px; -webkit-appearance: none; width:26%; height: 40px; }
.button-small:hover{  font-size: 14px; font-weight:500; line-height: 19px !important; background-color: #997345; border:none;
color: #fff; border: none; padding: 0 10px 0px 10px; -webkit-appearance: none; width:26%; height: 40px; }
input[type="text"]{ color: #a57e46;  background: #fff; border: none;  font-size: 13px; -webkit-appearance: none; width: 68%; height: 40px; }


	#nuevos { text-align:center; padding:0px 0px 50px 0px; font-size:15px; color: #a57e46; letter-spacing:2px;  font-weight:bold; }
#nuevosres img{  width:25px; height:auto;}

#nuevos img{    width:25px; height:auto;}
#nuevosres { text-align:center; padding:0px 0px 50px 0px; font-size:15px; color: #a57e46; letter-spacing: 10px;  font-weight:bold; }

.medium-2 { padding-bottom:10%; text-align:center; padding-right:8%;}
.push-bottom{ margin-bottom: 10px; overflow: hidden; }

.logo2{ max-width: 232px; padding-left:5%;}


.nav-transparent {  padding-left:8%; padding-right:6%; }
.section-medium{  padding-left:12%; padding-right:12%; }


#sucursales{  padding-left:1%; padding-right:1%; padding-top:12%; background: url(../img/c1.jpg); background-size:cover; background-position:center;  }
#sucursales1{  padding-left:1%; padding-right:1%; background: url(../img/c2.jpg); background-size:cover; background-position: center bottom; }


.sedes{   font-size:16px; font-weight:bold;color: #EFECDB; font-family: 'Montserrat', sans-serif; }
.sedes1{   font-size:11px;color:#ccb697; font-family: 'Montserrat', sans-serif;  }
.blog-masonry-wrapper p{ font-size:11px; color: #CDB696; text-align: left; font-family: 'Roboto', sans-serif; }

.page-title {  padding-left:8%; padding-right:8%; padding-top:12%;     }


.mailto1{font-size:11px; color: #CDB696; text-align: left; font-family: 'Roboto', sans-serif; }
.mailto1 a {font-size:11px; color: #CDB696; text-align: left; font-family: 'Roboto', sans-serif; }
.mailto1 a: hover {font-size:11px; color: #CDB696; text-align: left; font-family: 'Roboto', sans-serif; }
.mailto1:hover {font-size:11px; color: #CDB696; text-align: left; font-family: 'Roboto', sans-serif; }




#sede0{ background: #2A2016; inline-block; width:100%; height:auto;text-align:center;   }
#sede{ background: #2A2016; padding:20px 0 0px 20px; display: inline-block; width:50%; height:auto; margin:0 5% 0 5%; text-align:center;   }
#sede1{ background: #2A2016; text-align:center; padding:10px 0 10px 0px; display: inline-block; width:70%; height:auto;margin:0 0% 0 15%; line-height:20px; text-align:center; }


#productos{  padding-left:8%; padding-right:8%; padding-top:12%; }


.cafe03{ margin-bottom:12%;}





#nosotros{ padding-top:20%; margin-top:200px;  padding-bottom:120px; background:url(../img/ml-02.jpg) no-repeat; background-size:cover; background-position: right; padding-left:12%; padding-right:12%; }
#asador{ padding-top:120px; padding-bottom:120px; background:url(../img/asador2.jpg) left no-repeat; background-size:cover; 
background-position: left;}


body{ font-size: 14px; }
p{ font-size: 14px; margin-bottom: 11px; }
p:last-child{ margin-bottom: 0px; }
p.lead{ font-size: 16px; }
span{ font-size: 14px; }
h1.page-title{ font-size: 22px; }

.section-large{ padding-top: 121px; padding-bottom: 121px; }

/** NAVIGATION **/

nav{ position: absolute !important; }

.mobile-toggle{ display: block; }

nav{ max-height: 95px; overflow: hidden; padding-top: 12px; }
.nav-transparent{ background: #FFF; backgroound: rgba(53,53,53,0.7); }
.nav-transparent-dark{ background: #fff; }

.shrink-nav.nav-transparent{ backgroound: rgba(53,53,53,0.7); }
.shrink-nav .logo{ bottom: 0px; }

nav .text-right{ text-align: left !important; }
nav .menu{ display: block; margin-top: 44px; }
nav .menu li{ float: none; padding-left: 0px; margin-bottom: 5px; border-bottom: 1px solid #724D17; }
nav .menu li a{ padding-bottom: 11px; }
nav .menu{ padding-bottom: 44px; }

nav .menu li:hover .subnav{ max-height: 0px; }

.subnav{ position: relative; background: none; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.subnav li:first-child{ margin-top: 6px; }
.subnav li{ margin-right: 0px; margin-bottom: 0px !important; border-bottom: none !important; }
.subnav li:last-child{ margin-bottom: 22px !important; }

.shrink-nav .menu li a{ padding-bottom: 11px; }

.open-nav{ max-height: 1000px !important; }

.has-dropdown{ position: relative; }
.has-dropdown:after{ position: absolute; right: 15px; }

.nav-light .subnav li h6{ color: #454545 !important; border-color: #454545; }
.nav-light .subnav li a{ color: #777 !important; }

.blog-body .post-details{ display: none; }
.blog-body .post-content{ width: 100%; padding-left: 0px; }

/** OTHER **/

.button{ padding: 15px 20px 18px 20px; }
.button-small{ padding: 12px 2px 12px 12px; }

.space-box-left, .space-box-right{ padding: 66px 15px; }

.hero-slider .slides li h1{ font-size: 38px; border-bottom: none;   padding-bottom:30%; padding-left:12%; }
.hero-slider .slides li h2{ padding-left:12%; line-height:10px; }

.hero-slider .slides .button{ display: none; }
.hero-slider .slides li p.lead{ font-size: 12px; }

#vino {  color:#a57e46;  padding-top:50%; padding-left:3%; height:100%;
}



#infoi { background:url(../img/maria-luisa-res.png) no-repeat; background-position:bottom right; 
}

.logo{ max-width: 122px; }





header h2{ font-size: 18px; }

.pricing-table{ margin-bottom: 33px; }
.border-box{ margin-bottom: 33px; }

.feature-selector-tabs{ text-align: center; }
.feature-selector-tabs li{ display: inline-block; width: 70px; height: 70px; font-size: 28px; padding-top: 12px; margin-right: 11px; margin-bottom: 11px; }

.tabs-holder li{ border-right: 2px solid #454545; margin-right: 4px; margin-bottom: 4px; }

.icon-box{ margin-top: 33px; }

.icon-box-hollow{ margin-top: 44px; }

.blog-post-preview{ margin-bottom: 44px; }

.stat{ margin-bottom: 33px; }

.video-wrapper{ display: none; }

footer .medium-3{ margin-bottom: 33px; }
footer .text-right{ text-align: center !important; }
footer .social-profiles{ margin-top: 22px; }

.style-freelance .divider-background{ width: 100%; }
.style-freelance .section-photo{ padding: 121px 0px }
.style-freelance .pad-top-large{ padding-top: 66px !important; }
.style-freelance .logo-light{ display: none !important; }
.style-freelance .logo-dark{ display: block !important; }


.style-switcher{ display: none; }

.filters li{ border:none; !important; margin-right: 6px; margin-left: 6px; margin-bottom: 6px; margin-top:6px; width:100px; height:80px; text-align:center; font-size:10px; background-color:#f7f5f1; }

filters ul { margin-left:auto; margin-right:auto; text-align:center;}
.work-wrapper{ margin-left:auto; margin-right:auto; text-align:center; overflow: hidden; }
.work-wrapper figure{ margin-left:auto; margin-right:auto; text-align:center;}

.work-instance-wrapper{ margin-left:auto; margin-right:auto; text-align:center;overflow: hidden; }



}

/************************* PORTRAIT TABLETS *************************/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
	
	

#infoi { background:url(../img/maria-luisa22.png) no-repeat; background-position:bottom right; 
}


/** NAVIGATION **/
nav .medium-9{ width: 100%; }

.mobile-toggle{ display: block; }

nav{ max-height: 75px; overflow: hidden; padding-top: 22px;  }
.nav-transparent, .nav-dark{ background: #353535; backgroound: rgba(53,53,53,0.9); }
.nav-transparent-dark, .nav-light{ background: #fff;  }
.nav-transparent .menu li{  }

.shrink-nav.nav-transparent{ backgroound: rgba(53,53,53,0.9); }
.shrink-nav .logo{ bottom: 0px; }

nav .text-right{ text-align: left !important; }
nav .menu{ display: block; margin-top: 44px; float: left; }
nav .menu li{ float: none; padding-left: 0px; }
nav .menu li a{ padding-bottom: 11px; }
nav .menu{ padding-bottom: 44px; }

nav .menu li:hover .subnav{ max-height: 0px; }

.subnav-fullwidth{ left: 0px !important; }

.subnav{ position: relative; background: none; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.subnav li:first-child{ margin-top: 6px; }
.subnav li{ margin-right: 0px; margin-bottom:0px; }

.shrink-nav .menu li a{ padding-bottom: 11px; }

.open-nav{ max-height: 1000px !important; }

.has-dropdown{ position: relative; width: 100%; display: inline-block; }
.has-dropdown:after{ position: absolute; right: 15px; }

.nav-light .has-dropdown:after{ color: #454545 !important; }
.nav-light .subnav li h6{ color: #454545 !important; border-color: #454545; }

.flex-direction-nav{ display: none; }

.medium-3{ width: 50%; margin-bottom: 33px; }
.work-wrapper .medium-3{ margin-bottom: 0px; }
.medium-4 .feature-small i{ font-size: 28px; }

.video-wrapper{ display: none; }

.style-freelance figure:last-child{ display: block; }
.style-freelance .space-box-right, .style-freelance .space-box-left{ padding-top: 88px; }

}

/************************* TABLETS (BOTH ORIENTATIONS) *************************/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	
}	
	
	@media only screen 
and (min-device-width : 601px) 
and (max-device-width : 850px) {
 .texto2 {font-size:16px; color:  #a57e46; text-align: left; font-weight:bold;letter-spacing:1px;     }

.texto4 {font-size:14px; color:#fff;  text-align: left;  letter-spacing:1px; font-family: 'Roboto', sans-serif; }




#a  { width:100%; float:left;height:10px; 
 text-align:center;
font-size:24px;color:#c1975f; font-family: "Open Sans"; 
 }
#b {  width:100%; float:right; height:150px;  text-align:left; padding-left:30px; padding-bottom:110px;}
.button-small{  font-size: 14px; font-weight:500; line-height: 19px !important; background-color: #A57E47; border:none;
color: #fff; border: none; padding: 0 10px 0px 10px; -webkit-appearance: none; width:26%; height: 40px; }
.button-small:hover{  font-size: 14px; font-weight:500; line-height: 19px !important; background-color: #997345; border:none;
color: #fff; border: none; padding: 0 10px 0px 10px; -webkit-appearance: none; width:26%; height: 40px; }
input[type="text"]{ color: #a57e46;  background: #fff; border: none;  font-size: 13px; -webkit-appearance: none; width: 68%; height: 40px; }


	#nuevos { text-align:center; padding:0px 0px 50px 0px; font-size:15px; color: #a57e46; letter-spacing:2px;  font-weight:bold; }
#nuevosres { text-align:center; padding:0px 0px 50px 0px; font-size:15px; color: #a57e46; letter-spacing: 20px;  font-weight:bold; }

.medium-2 { padding-bottom:10%; text-align:center; padding-right:8%;}
.push-bottom{ margin-bottom: 10px; overflow: hidden; }
.logo2{ max-width: 232px; padding-left:5%;}

.nav-transparent {  padding-left:8%; padding-right:6%; }
.section-medium{  padding-left:12%; padding-right:12%; }


#sucursales{  padding-left:1%; padding-right:1%; padding-top:12%; background: url(../img/c1.jpg); background-size:cover; background-position:center;  }
#sucursales1{  padding-left:1%; padding-right:1%; background: url(../img/c2.jpg); background-size:cover; background-position: center bottom; }
.sedes{   font-size:16px; font-weight:bold;color: #EFECDB; font-family: 'Montserrat', sans-serif; }
.sedes1{   font-size:11px;color:#ccb697; font-family: 'Montserrat', sans-serif;  }
.blog-masonry-wrapper p{ font-size:11px; color: #CDB696; text-align: left; font-family: 'Roboto', sans-serif; }


.mailto1{font-size:11px; color: #CDB696; text-align: left; font-family: 'Roboto', sans-serif; }
.mailto1 a {font-size:11px; color: #CDB696; text-align: left; font-family: 'Roboto', sans-serif; }
.mailto1 a: hover {font-size:11px; color: #CDB696; text-align: left; font-family: 'Roboto', sans-serif; }
.mailto1:hover {font-size:11px; color: #CDB696; text-align: left; font-family: 'Roboto', sans-serif; }




.page-title {  padding-left:8%; padding-right:8%; padding-top:12%;    }


#sede0{ background: #2A2016; inline-block; width:100%; height:auto;text-align:center;   }
#sede{ background: #2A2016; padding:20px 0 0px 20px; display: inline-block; width:50%; height:auto; margin:0 5% 0 5%; text-align:center;   }
#sede1{ background: #2A2016; text-align:center; padding:10px 0 10px 0px; display: inline-block; width:70%; height:auto;margin:0 0% 0 15%; line-height:20px; text-align:center; }



#productos{  padding-left:8%; padding-right:8%; padding-top:12%; }

.cafe03{ margin-bottom:12%;}


#nosotros{ padding-top:20%; margin-top:200px;  padding-bottom:120px; background:url(../img/ml-02.jpg) no-repeat; background-size:cover; background-position: right; padding-left:12%; padding-right:12%; }
#asador{ padding-top:120px; padding-bottom:120px; background:url(../img/asador2.jpg) left no-repeat; background-size:cover; 
background-position: left;}
.video-wrapper{ display: none; }

.slide-content .medium-10{ width: 100%; }
.medium-7{ width: 60%; }
.medium-5{ width: 30%; }


}