/*large Screen*/

@media (min-width: 1920px) {

    .portfolio {
    min-height          : 411px;
    overflow            : hidden !important;
}

}


@media (min-width: 1367px) and (max-width: 1919px){

    .portfolio {
    min-height          : 325px;
    overflow            : hidden !important;
}
	#carousel-example-generic { height:230px }
}

@media (min-width: 992px)and (max-width: 1024px){
	.service .col-md-2 {
	padding-top    : 52px;
	padding-left   : 3px;
	padding-right  : 3px;
	}

	.second-title{
		padding-left  : 50px;
	}
    .carousel-inner .active .image-bar:after {
    right: 33%;
    }
    
	#carousel-example-generic { height:230px }
    
}

/* Small devices (tablets, 768px and up) */
@media (min-width : 768px) and (max-width : 991px) {
	#carousel-example-generic { height:230px }
/*RS-SLIDER*/
.small-title{
	height     : 28px;
	font-size  : 12px !important;

}



.more-area h2{

    font-size   : 20px;
    font-weight : 300px;
}
.carousel-inner .active .image-bar:after {
    right: 28%;
    }

.carousel-inner .active .image-bar:before{
    right: 59%;
}
.blog-wrapper .more-area h2{

    font-size   : 22px;
    font-weight : 300px;
    padding-top : 8px;
}


.second-title{
    padding         : 10px 20px !important;
    text-transform  : none;
}

.section-padding{
    padding     : 60px 0;
}


#about .col-sm-6:nth-child(even){
	border-right   : 1px solid #f5f5f5;
}

#about .col-sm-6:nth-child(5),
#about .col-sm-6:nth-child(4){
	border-top     : 1px solid #f5f5f5;
}

#about .col-sm-6:nth-child(3),#about .col-sm-6:nth-child(2){
	padding-bottom     : 25px;
}

#about .col-sm-6:nth-child(4),#about .col-sm-6:nth-child(5){
	padding-top    : 25px;
}
.media-left>a>.fa{
    height              : 40px;
    width               : 40px;
    border-radius       : 50%;
    border              : 2px solid #cfcece;
    padding             : 10px;
    display             : table-cell;
    -webkit-transition  : all 0.2s ease 0s;
    -moz-transition     : all 0.2s ease 0s;
    -ms-transition      : all 0.2s ease 0s;
    -o-transition       : all 0.2s ease 0s;
    transition          : all 0.2s ease 0s;
}
.media {
margin-top  : 10px;
}

.media-body h2 {
font-size   : 13px;
}
.service .col-md-5 {
padding-top : 35px;
}
.service .col-md-2 {
padding-top     : 30px;
padding-left    : 5px;
padding-right   : 5px;
}
.image-box img {
height          : 230px;
}
#grid figure {
width           : 108.4%;
}

/*BLOG*/
#blog .col-xs-12{
	margin-bottom  : 40px;
}
#blog .col-xs-12:last-child{
	margin-bottom  : 0; 
}


/*FULL WIDTH BLOG*/

.blog-sidebar .blog-content .blog-date{
    
    margin-right    : 50px;
    }

.blog-sidebar .blog-content .col-sm-9{

    padding-left    : 0px;
        
    }


/*FOOTER*/
footer .col-xs-12:nth-child(3),
footer .col-xs-12:nth-child(4){
	margin-top     : 30px;
}

}
/*
@media only screen and (max-height : 600px) {

	.noticias {
		position:relative;  border: green 1px solid
	}
} */

/* Landscape Mobile */
@media only screen and (min-width : 480px) and (max-width : 767px) {

.noticias {
	position:relative;
}
.right_pad {
	padding-right:0px
}

.slide_item {
	height:460px;
	min-height:460px;
	overflow:hidden
}

		#carousel-example-generic { height:230px }
	.small-menu .navbar-default {
	padding-top: 18px;
	padding-bottom: 10px;
	}
	.small-title{
		height     : 18px;
		font-size  : 10px !important;

	}
	
	.second-title{
		padding         : 4px 10px !important;
		text-transform  : capitalize;
	}


		
	.more-area h2{
	
		font-size   : 20px;
		font-weight : 300px;
	}
	
	.blog-wrapper .more-area h2{
	
		font-size   : 22px;
		font-weight : 300px;
		padding-top : 8px;
	}
	.carousel-inner .active .image-bar:before{
		right: 63%;
	}
	
	.carousel-inner .active .image-bar:after {
		right:15%;
	}
	
	.navbar-fixed-top .logo_principal {
		padding-top:0px
	}
	
	.navbar-brand{
		margin-left    : 15px;
		-webkit-transition: all ease 300ms;
	   -moz-transition: all ease 300ms;
	   -o-transition: all ease 300ms;
		transition: all ease 300ms;
	}
	
	.navbar-fixed-top{
	
		padding-bottom  : 15px;
		padding-top     : 0px;
	}
	.navbar-toggle{
		margin-top  : 20px;
	}
	a.navbar-brand {
		padding-top     :5px;
	}
	
	
	.section-padding{
		padding         : 60px 0;
	}
	.service .col-md-5,
	.service .col-md-2 {
		margin-left    : 15%;
	}
	
	#about .col-xs-12{
		margin-bottom  : 20px;
	}
	
	#about .col-xs-12{
		margin  : 30px 0;
	}
	
	.who-we-are-content{
		padding-top: 30px;
	}
	
	

	/*FOOTER*/
	
	.footer-wrapper ul.footermenu,
	.footer-wrapper ul.footercontact,
	.footer-wrapper ul.footerblog {
	margin  : 15px 0 0;
	}
	
	.footer-wrapper.section-padding {
	margin-left : 4%;
	}
	
	footer .col-xs-12:nth-child(2),
	footer .col-xs-12:nth-child(3),
	footer .col-xs-12:nth-child(4){
		margin-top     : 30px;
	}
	.left-column .media {
	text-align  : left;
	}
	.left-column .media-left {
	float           : left;
	padding-right   : 20px;
	}
	.right-column .media-left{
		padding-left   : 20px;
		padding-right  : 20px;
	}
	.footer-wrapper.section-padding {
	padding      : 40px 0;
	}
	
	
	.blog-sidebar .blog-content h1{
	
		line-height     : 20px;
	}



figcaption .scoial-heading p {
	text-align:center
}

}


/*Mobile */
@media only screen and (min-width : 320px) and (max-width : 479px) {

.navbar-default .navbar-collapse {
	background: white;
	height: 100vh !important;

	max-height: 100vh !important;
	z-index: 9999999;
	position: fixed;
	width: 100%;
	text-decoration: none;
	opacity: 0;
	-webkit-transition: opacity ease-in-out 0.70s;
	-moz-transition: opacity ease-in-out 0.70s;
	-o-transition: opacity ease-in-out 0.70s;
	-ms-transition: opacity ease-in-out 0.70s;
	transition: opacity ease-in-out 0.70s;
}
.navbar-nav {
	margin-left: 0px;
}

.collapse.in {
 	opacity: 1
}

.news_list {
	padding-left:0px !important;
	padding-right:0px !important
}

.panel-collapse.collapse.in {
	background: white !important
}

ul.nav.navbar-nav li a:hover {
	color: #ccc;
}

.big-title {
	font-size: 30px;
	line-height: 30px;
	padding: 3px 20px 3px 20px !important;
}

 .form_agenda {
 	height:auto;
 	max-height:auto
 }

.panel_description {
	font-family: 'Raleway', sans-serif;
	color: white;
	padding: 20px;
	text-align: left;
	width: 70%;
	position: absolute;
	right: 0;
	height: 100%;
	overflow: hidden;
	transition: width 300ms;
	-webkit-transition: width 300ms;
}
.panel_description_hover {
	width: 100%;
	position: absolute;
	right: 0;
	height: 100%;
	transition: width 300ms;
	-webkit-transition: width 300ms;
}

.panel_description .titulo_panel {
	padding: 10px 0px;
}

.titulo_panel {
	font-size: 15px;
	line-height: 20px;
}
.big-title_section {
	font-family: 'Raleway', sans-serif;
	font-size			: 25px;
    line-height			: 70px;
    color               : #fff;
    border              : 0;
    position            : relative;
    line-height			: 30px;
	font-weight: 300;
}

#networking .big-title_section {
	text-align: center
}
.counting .row .col-sm-6 p {
	line-height: 25px
}

.noticias {
	position:relative;
}

.right_pad {
	padding-right:0px
}


.slide_item {
	height:100vh;
	min-height:100vh;
	overflow:hidden
}

/* 
.flex-caption {
	height: 100vh;
}
 */

/* 
ul.nav.navbar-nav li a, ul.nav.navbar-nav li a:hover, ul.nav.navbar-nav li a:focus {
	color:black
}
 */
	div.tp-caption.lfl.tp-resizeme.start { left: 17px !important; }

	#carousel-example-generic { height:430px }
	.navbar-brand > img {
		height   : 45px;
		margin-top: 11px;
	}
	
	.navbar-default .navbar-toggle {
		margin-top  : 20px;
	}
	

	a.navbar-brand {
		margin-left     : 15px;
		padding-top     : 5px;
	}
	
	.navbar-default {
		padding	   : 0px 0px 20px 0;
	}


	.navbar-fixed-top{
		padding-bottom  : 10px;
		padding-top     : 0px;
	}
	
	.collapse.in {
		margin-top     : 20px !important;		
		background: rgba(0, 0, 0, 0.48);
	}
	.collapse.in ul.nav.navbar-nav li a  {
		font-size:24px !important;
		line-height:50px
	}
	.collapse.in .navbar-nav > li {
    border-bottom: 1px solid #e4e4e4;
    border-right: 0px;
	}
	
	.navbar-fixed-top  .navbar-toggle {
		margin-top  : 10px;
	}
	
	.navbar-fixed-top  .navbar-brand, {
		margin-top  : 0px;
		padding-top:0px
	}
	
	
	.navbar-fixed-top  .navbar-brand img {
		margin-top  : 0px;
		padding-top:3px
	}
	
	.navbar-fixed-top .logo_principal {
		height:45px !important
	}
	
	.section-title {
		font-size:25px
	}
	
	.sucursales .zoomIn .sucursal-designation > p{
		font-size:18px
	}
	
	.small-title{
		height     : 40px;
		font-size  : 14px !important;
		padding    : 3px 20px 3px 20px !important; 
	}
	
	
figcaption .scoial-heading p{
	font-size 		: 24px;
	line-height 	: 28px;
	font-weight 	: 700;
	text-transform 	: uppercase;
	text-align:left;
	text-shadow 	: 0px 1px 1px rgba(0,0,0,0.3);
}

.portfolio{
/*	height:150px
	max-height:150px; */
}	
.portfolio figure img{
	height:250px;
	width:100%;
}	
figcaption .scoial-heading p {
	text-align:center
}
	

	
	
	
	
	.more-area h2{
	
		font-size   : 20px;
		font-weight : 300px;
	}
	
	.blog-wrapper .more-area h2{
	
		font-size   : 22px;
		font-weight : 300px;
		padding-top : 8px;
	}
	
	.btn.btn-success.pull-right{
		
		float       :left !important;
		margin-top  : 20px;
	
	}
	.carousel-inner .active .image-bar:before {
		left    : 2%;
	}
	.carousel-inner .active .image-bar:after {
		right   : 2%;
	}

	
	.second-title{
	
		text-transform  : capitalize;
	}
	.second-title{
		padding         : 5px !important;
		text-transform  : capitalize;
	}
	.left-column .media {
		text-align      : left;
	}
	.left-column .media-left {
		float           : left;
		padding-right   : 10px;
		margin-left     : 10px;
	}
	.right-column .media-left{
		padding-left    : 2px;
		padding-right   : 2px;
	}
	.left-column .media-left{
		padding-left    : 10px;
	}
	.media-body h2{
		font-size       : 13px;
	}
	.right-column .media-left.media-middle {
		float           : left;
		padding-right   : 10px;
		margin-left     : 10px;
	}
	.service .col-md-2 {
		padding-top     : 65px;
		margin-left     : 25%;
	}
	.service .col-md-5 {
		padding-left    : 5px;
		padding-right   : 5px;
	}
	.down-arrow .scroll-bottom{
		height     : 50px;
		width      : 50px;
	}
	
	
	
	/*FOOTER*/
	
	.footer-wrapper ul.footermenu,
	.footer-wrapper ul.footercontact,
	.footer-wrapper ul.footerblog {
	margin  : 15px 0 0;
	}
	
	
	#about .col-xs-12{
		margin  : 0px 0px 30px 0px;
	}
	
	.who-we-are-content{
	
		padding-top     : 30px;
	}
	
	.portfolio-menu .container{
		margin     : 0;
	}
	
	
	#filter li a {
		border-radius   : 0px;
		cursor          : pointer;
		display         : block;
		margin          : 0;
		font-size       : 10px;
		padding         : 2px 6px;
		text-transform  : uppercase;
		color           : #8d8d8d;
		background-color: #f5f5f5;
		}
	
	
	
	footer .col-xs-12:nth-child(2),
	footer .col-xs-12:nth-child(3),
	footer .col-xs-12:nth-child(4){
		margin-top     : 30px;
	}
	

	
	
	.backtop{
	
		bottom: 70px;
	}

}