/******************* 
Responsive Styles 
********************/
#bannerpm{display:none;}
/***************************
Ipad Styles 767px > 1025px
***************************/

@media (min-width: 767px) and (max-width: 1025px) {
  

.container{
	padding-left: 40px;
	padding-right: 40px;
}

.site-name{
	letter-spacing: .62em;
}

section{
	font-size: 95%;	
}

nav ul li{
	padding-left: 14px;
	padding-right: 14px;
}

p.history{
	width: 650px;
}

.box{
	padding-left: 20px;
	padding-right: 20px;
}

section.offer{
	background-position: right center;
	background-size: cover; 
}

#homepage{
	background-position: top left;
	background-size: cover;
}



.offer .col-lg-6{
	margin-bottom: 40px;
}

.offer .container>.row{
	margin-bottom: 0;
}

.features{
	background-position: right center;
	background-size: cover;
}

ul.slides{
	padding-left: 0;
}

.links hr{
	width: 13%;
}

.links .fa-circle{
	margin-top: -5.70px;
}

.features h1{
	text-align: center;
}

.feature hr{
	margin: 45px auto;
	text-align: right;
}

.feature .button{
	margin: 0 auto;
}

.feature-content{
	margin: 70px auto; 
}

.features p{
	text-align: center;
}

.feature-name{
	margin-left: -105px;
}

.customer::before,
.customer5 .customer::after{
	border: none;
}

.customer-wrap{
	display: block;
	padding: 20px;
	margin: 20px auto;
}

.customer{
	position: relative;
}

.customer-wrap:nth-child(odd){
	padding-right: 150px;
}

.customer-wrap:nth-child(even){
	padding-left: 150px;
}

.customer1, .customer2, .customer3, .customer4, .customer5{
	top: 0;
	bottom: 0;
	padding: 0;
	margin: 0;
	margin-bottom: 120px;
}

.milestones{
	height: 1550px;
}

.customers{
	margin-top: 100px;	
}

.purchase-footer p{
	font-size: 1.4em;
}

.cover-inner{
	width: 106px;
	height: 106px;
	border-radius: 53px;
	margin: -53px 0 0 -53px;
	padding-top: 20%;
}

.photo-name{
	font-size: .8em;
}

.photo-cat{
	font-size: .65em;
	margin-top: -1px;
}

.cover a.zoom{
	font-size: 2.75em;
	bottom: 15px;
	right: 15px;
	border-radius: 30px;
	padding: 0px 6px;
	line-height: 36px;
	width: 36px;
	height: 36px;
}

#contact{
	background-position: 75% 0;
	background-size: cover;
}

.logos img{
	margin-left: 40px;
	width: 14%;
}

.social-icons{
	float: left;
}

.icon-wrap{
	margin-left: 6px;
	width: 32px;
	height: 32px;
}

.icon-wrap a.facebook,
.icon-wrap a.twitter,
.icon-wrap a.linkedin,
.icon-wrap a.tumblr,
.icon-wrap a.flickr,
.icon-wrap a.pinterest{
	margin-left: -12px;
	margin-top: -12px;
	background-size: 24px 24px;
}

.icon-wrap a.facebook:hover,
.icon-wrap a.twitter:hover,
.icon-wrap a.linkedin:hover,
.icon-wrap a.tumblr:hover,
.icon-wrap a.flickr:hover,
.icon-wrap a.pinterest:hover{
	margin-left: -18px;
	margin-top: -18px;
}

ul.contacts{
	font-size: .8em;
	height: 80px;
	margin-top: 21px;
	float: right;
}

ul.contacts li{
	padding-left: 15px;
}

ul.contacts li:before{
    top: -33px;
    font-size: 2em;
    margin-left: -2px;
}

footer .container{
	padding-top: 115px;
}

aside{
	padding-left: 0;
	margin-top: 25px;
}

.title-desc{
	width: 80%;
}

hr.comment-end{
	display: none;
}

}

/*********************
Phone Styles > 767px
*********************/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px), (max-width: 767px) {
	
#mainContent{
	display:none;
}

#mainContent2{
	display:inline-block;
	width:100%;
	margin:0 auto;
}

#mainContent3{
	display:inline-block;
	width:100%;
	margin:0 auto;
}

#about-inner{
	display:inline-block;
	color: #fff;
	padding: 0;
	width: 100%;
	/*background: url(http://www.superpisos.com.ve/img/AF_AvisoSuperPisos%28ResManchas%29REDES.png) no-repeat top center;*/
	position: relative;
	background-size: cover;
}

#about-inner img{
	max-width:100%;
	width:auto;
	height:auto;
}
#bannerpm img{
	max-width:100%;
	width:auto;
	height:auto;
}

#loading img{
	width:32px;
	height:32px;
	margin: -16px 0 0 -16px;
}

#homepage{
	background-position: 15% 20%;
	background-size: cover;
	font-size: 58%;
}

.homepage-inner{
	width: 260px;
}

#homepage img{
	width: 15%;
}

.crt3 {
	width:100%;
}

.since{
	margin-top:20px;
	margin-bottom: 10px;
}

.slogan{
	line-height: 38px;
}

.site-name{
	letter-spacing: .62em;
	line-height: 47px;
	padding-bottom: 5px;
	text-indent: 3px;
}

#bannerp{display:none;}
#bannerpm{
	display:inline-block;
	color: #fff;
	padding: 0;
	width: 100%;
	/*background: url(http://www.superpisos.com.ve/img/AF_AvisoSuperPisos%28ResManchas%29REDES.png) no-repeat top center;*/
	position: relative;
	background-size: cover;}

.desc{
	margin-top: 10px;
}

.container{
	padding-left: 40px;
	padding-right: 40px;
}

section{
	font-size: 85%;
}

p.history{
	width: 260px;
	margin: 70px auto 45px;
	line-height: 24px;
}

.box{
	padding-left: 20px;
	padding-right: 20px;
}

.button{
	padding: 3px 20px 0px 30px;
}

button i{
	margin-left: 10px;
}

.title-big{
	padding-top:0px;
	text-align: center;
	font-size: 73%;
}

.title-big h1{
	margin-top: 20px;
}

hr{
	width: 60px;
	margin-top: 20px;
	border-width: 2px;
}

.subtitle{
	line-height: 1.6em;
	width: 85%;
	margin: 0 auto;
}

section.offer{
	background-position: right center;
	background-size: cover; 
}

#homepage{
	background-position: top left;
	background-size: cover;
}

.offer .col-lg-6{
	margin-bottom: 40px;
}

.offer .container>.row{
	margin-bottom: 0;
}

.features{
	background-position: right center;
	background-size: cover;
}

ul.slides{
	padding-left: 0;
}

.links{
	margin: 70px auto 10px;
}

.links hr{
	width: 8%;
}

.links .fa-circle{
	margin-top: -6.10px;
}

.features h1{
	text-align: center;
}

.feature hr{
	margin: 30px auto;
	text-align: right;
}

.feature .button{
	margin: 0 auto;
}

.feature-content{
	margin: 30px auto; 
}

.features p{
	text-align: center;
}

.feature-name{
	margin-left: -100px;
	top: -120px; 
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	text-align: left;
}

.customer::before,
.customer5 .customer::after{
	border: none;
}

.customer-wrap{
	display: block;
	padding: 20px;
	margin: 20px auto;
}

.customer{
	position: relative;
}

.customer1, .customer2, .customer3, .customer4, .customer5{
	top: 0;
	bottom: 0;
	padding: 0;
	margin: 0;
	margin-bottom: 120px;
}

.milestones{
	height: 1550px;
}

.customers{
	margin-top: 100px;	
}

.purchase-footer p{
	font-size: 1.4em;
}

.cover-inner{
	width: 106px;
	height: 106px;
	border-radius: 53px;
	margin: -53px 0 0 -53px;
	padding-top: 41px;
}

.cover a.zoom{
	bottom: 15px;
	right: 15px;
	border-radius: 30px;
	padding: 0px 6px;
	line-height: 36px;
	width: 36px;
	height: 36px;
}

.milestones .title-desc{
	width: 80%;
	font-size: 95%;
}

.title-desc{
	width: 80%;
}

.logos{
	padding-top:40px;
	padding-bottom:110px;
}

.logos img,
.logos img:first-of-type{
	margin: 25px auto;
	display: block;
}

footer{
	height: auto;
	padding-bottom: 50px;
}

.social-icons{
	float: none;
	margin: 0 auto;
	text-align: center;
}

.icon-wrap{
	margin-left: 6px;
	width: 32px;
	height: 32px;
}

.icon-wrap a.facebook,
.icon-wrap a.twitter,
.icon-wrap a.linkedin,
.icon-wrap a.tumblr,
.icon-wrap a.flickr,
.icon-wrap a.pinterest{
	margin-left: -12px;
	margin-top: -12px;
	background-size: 24px 24px;
}

.icon-wrap a.facebook:hover,
.icon-wrap a.twitter:hover,
.icon-wrap a.linkedin:hover,
.icon-wrap a.tumblr:hover,
.icon-wrap a.flickr:hover,
.icon-wrap a.pinterest:hover{
	margin-left: -18px;
	margin-top: -18px;
}

footer .container{
	padding-left: 20px;
	padding-right: 20px;
}

ul.contacts{
	font-size: .7em;
	height: auto;
	margin: 30px auto;
	float: none;
	text-align: center;
	padding-left: 0;
}

ul.contacts li{
	padding-left: 5px;
}

ul.contacts li:before{
    top: -33px;
    font-size: 2em;
    margin-left: -6.5px;
}

footer .container{
	padding-top: 115px;
}

aside{
	padding-left: 0;
	margin-top: 25px;
}

section.offer{
	font-size: 85%;	
}

.offer span.fa-stack{
	width: 40px;
	height: 40px;
	border-radius: 25px;
	margin-left: -20px;
	margin-top: -20px;
}

.offer .fa-fw{
	width: 16px;
	margin-left: -8px;
	margin-top: -8px;
	font-size: 1.4em;
}

.offer .fa-cloud-download,
.offer .fa-retweet,
.offer .fa-leaf{
	margin-left: -10px;
}

.offer p{
	line-height: 20px;
	letter-spacing: .05em;
	padding-top: 0px;
}

.offer .container{
	padding-top: 65px;
	padding-bottom: 30px;
}

.offer .icon-border{
	border-width: 2px;
	width: 47px;
	height: 47px;
}

.member .icon-border{
	font-size: 115%;
}

h1.title-smooth{
	padding-top: 0px;
	line-height: 1.5;
}

.milestones h1.title-smooth{
	line-height: 1.5;
	font-size: 120%;
}

.member{
	margin: 20px auto;
	width: 230px;
}

#team figure{
	width: 230px;
	height: 247px;
}

#team .container{
	padding-top: 50px;
	padding-bottom: 50px;
}

.member-mask{
	width: 482px;
	height: 495px;
	-ms-transform:rotate(42.9deg);
	-webkit-transform:rotate(42.9deg);
	transform:rotate(42.9deg);
	margin-left: 87px;
}

.iphones img{
	margin-top: 40px; 
}

.purchase{
	padding-top: 40px;
}

.purchase-footer .button{
	display: block;
	margin: 0px auto;
	font-size: .95em !important;
}

.buttons .button{
	margin: 10px auto 0;
}

.buttons button:last-of-type{
	margin-left: auto;
	margin-right: auto;
	padding-left: 26px;
	padding-right: 20px;
}

.buttons{
	width: 142px;
	overflow: hidden;
	margin-top: 40px;
}

.categories ul{
	margin: 60px auto 40px;
}

.categories ul li{
	margin-bottom: 10px;
}

#portfolio .button:last-of-type{
	margin: 60px auto 100px;
}

.purchase-footer p{
	line-height: 1.5;
}

.blog{
	margin: 20px auto;
	width: 250px;
}

#blog{
	padding-bottom: 80px;
}

#blog .container{
	margin-top: 60px;
}

ul.datas{
	padding-bottom: 10px;
}

.mask{
	border-left: 320px solid transparent;
	border-right: 320px solid transparent;
	border-bottom: 320px solid #000;
}

.blog:hover .mask{
	-ms-transform:rotate(142.0deg);
	-webkit-transform:rotate(142.0deg);
	transform:rotate(142.0deg);
	right: -206px;
}

a.blog-icon-border-wrap{
	font-size: 120%;
}

.blog-single{
	padding-top: 0;
}

.corner-date{
	top: 40px;
	width: 90px;
	height: 70px;
	font: 1.7em/1.1em OpenSansSemiBold, Arial, sans-serif;
	letter-spacing: .05em;
	padding-top: 16px;
	border-bottom-left-radius: 6px;
	border-top-right-radius: 6px;
}

.corner-date span{
	font-size: 1.4rem;
}

.blog-single .blog-content i.fa-share-square-o{
	opacity: .5;
}

.blog-single .blog p:last-of-type{
	padding-bottom: 20px;
}

.blog-single .blog ul.datas{
	padding-bottom: 20px;
	padding-left: 20px;
}

.blog-single .blog ul.datas li{
	padding-left: 15px;
}

.blog-author{
	padding-left: 20px;
	padding-right: 20px;
}

.blog-author img{
	width: 100%;
	margin: 0 auto;
}

.blog-author h4, 
.blog-author h5{
	padding-bottom: 2px;
}

.blog-author h4{
	margin-top: 10px;
}

aside .form-control{
	padding: 5px 25px;
}

.comment img{
	margin: 0;
}

.comment{
	padding-bottom: 10px;
}

hr.comment-end{
	padding-top: 0px;
	padding-bottom: 20px;
	margin-left: 0;
	margin-top: 0;
	width: 30px;
	display: block;
}

.comment-form{
	margin-left: -25px;
}

.comment-form h4.boxtitle{
	margin-right: 0px;
	margin-top: 20px;
}

.comment-form form{
	margin-top: 50px;
}

.comments{
	padding-bottom: 0;
}

.flickr-photos figure{
	width: 16.4%;
}

#contact{
	background-position: 75% 0;
	background-size: cover;
}

#contact hr+p{
	margin-bottom: 70px;
}

#contact .button{
	padding: 0;
}

}

/************
Mixed Fixes 
*************/
@media (min-width: 1025px) and (max-width: 1125px) {

.customer-wrap{
	padding: 20px 90px;
}

.customer::before,
.customer5 .customer::after{
	display: none;
}

}

@media (min-width: 1026px) and (max-width: 1201px) {

aside input.form-control:first-of-type{
	font-size: 94%;
}

.cover-inner{
	padding-top: 53px;
}

}

@media (min-width: 992px) and (max-width: 1025px) {

.cover-inner{
	padding-top: 39px;
}

}

@media (min-width: 992px) and (max-width: 1199px) {

.features h1{
	text-align: center;
}

.feature hr{
	margin: 45px auto;
	text-align: right;
}

.feature .button{
	margin: 0 auto;
}

.feature-content{
	margin: 70px auto;
	float: none;
}

.features p{
	text-align: center;
}

}