/*	THE MEDIA CHOOSER TO SET DIFFERENT SIZES OF THE CONTAINER DEPENDING ON THE SCREEN SIZE    */
  @media only screen and (min-width: 980px) and (max-width: 1280px) {

 .portfolio-inner ul#filters li {padding-left: 0px;}



}
  
   @media only screen and (min-width: 768px) and (max-width: 959px) {






   }

  @media only screen and (min-width: 640px) and (max-width: 991px) {
      .header-top{display: none}
      #clients ul li {
          width: 19.50% !important;
      }
  }

   @media only screen and (min-width: 360px) and (max-width: 640px) {
div#portfolio {top: 4%;}

       #clients ul li {
           width: 19.30% !important;
       }



   }

   @media only screen and (min-width: 0px) and (max-width: 479px) {
		




   }
   
   @media (max-width:480px){
	.item{
		height: auto!important;
	}
	
	.iconimg {
		transition: all 500ms;
		padding: 7px;
		display: inline;
	}
	.two-colum-portfolio .recent-work-project-title{
		top: 35px!important;
	}
}
@media (max-width:991px) {
    .slider-btn,.single-title{display:none}
}

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
		
		.viabilidad{
			font-size:30px !important;
}

.viabilidad span{
			font-size:30px !important;
}

.banner-btn{
	background-color: #5dbae5;
border-radius: 2px;
padding: 0px 20px!important;
text-transform: uppercase;
line-height: 15px!important;
margin-left: 20px;
color: #FFF !important;
font-family: 'Oswald', sans-serif;
font-size: 20px !important;
}

.design-feature-content{
	padding-top:5% !important;
}

.we-work-section h1, #breadcumb, h1 span, span.preset-color, h2 span, #first-skill h2, .recent-work-head h1, .service-head-title h1, .design-feature-content h2, .heading h2, .portfolio-page-head h1, #rox-process h2.process-title, .amazing-title h2{
	font-size:20px !important;
}

.contact-info h2, .we-work-section-item h2, .rox-process h2, #first-skill .panel-heading a, #first-skill .progress-bar span, .item-body h2, #design-feature h2.design-title, ul.price-table li:first-child, ul.price-table li:last-child, .thumbnail .caption h3, .bolg-news-layout h3, .bolg-news-layout h3{
	font-size:20px !important;
}	

h2, .h2{
	font-size:20px !important;
}
}

@media (max-width:1197px){


.servicios {
	padding-top: 10px;
text-align: justify;
font-size: 12px !important;
}

.panel-body1{
	font-size:12px;
	text-align:justify;

}
}

@media (max-width:1378px){
#testimonial{
padding: 3% !important;
color: #ffffff;
background: url('../images/bg2.png') no-repeat center !important;
width:100% !important;
height:100% !important;
}

section#first-skill1{
		background: url(../images/skill-bg1.jpg) !important;
padding-bottom: 50px;
width: 100% !important;
height: 100% !important;
	
}

section#first-skill {
background: url(../images/skill-bg.png) no-repeat !important;
width: 100% !important;
height:100% !important;
padding-bottom: 50px;
}

.servicios1 {
	font-size:12px !important;
	text-align:left !important;
}

.servicios1 span {
	font-size:12px !important;
}
}

@media (max-width:426px){
.procesoderegistro {
position: relative;
margin-top: 30% !important;
padding-bottom: 5%;
}

.banner-btn{
	font-size:15px !important;

}

.viabilidad {
font-size: 20px !important;
}

.viabilidad span {
font-size: 20px !important;
}
}