/************************
    - Media queries -
************************/

/* Medium Devices, Desktops */
@media only screen and (max-width:992px) {
	body {
		font-size:13px;
	}
	
	.container {
	    padding:0 30px;
	}

	.res-margin {
		margin-bottom:50px;
	}
	
	.sec-pad {
	    padding:70px 0px;
	}
	
	.border-right,
	.border-bottom {
		border:0 !important;
	}

	.intro .intro-text {
	    font-size:28px;
		line-height:36px;
	}
	
	.intro-text span {
		height:38px;	
	}
	
	.intro-text .words-wrapper {
		line-height:38px;
	}
	
	.skills-holder .wrap {
	    width:40px;
	}

	.skills-holder .wrap > div {
		left:0;
	}

	.skills-holder .wrap > div > p {
		-webkit-transform:rotate(270deg);
		   -moz-transform:rotate(270deg);
				transform:rotate(270deg);
		writing-mode:lr-tb;
		top:-40px;
	}
	
	.works-filters li {
		font-size:11px;
		margin:0;
	}
	
	.works .portfolio-item {
		width:50%;
	}
	
	.contact-right {
		padding-left:0 !important;
		padding-top:1em !important;
	}
	
	.google-map i.fa-map-marker  {
		margin-left:-5px;
	}
	
	/* Comments */
	.user-comment {
		margin-bottom:25px;
	}
	
	.user-comment .image {
		width:60px;
	}
	
	.user-comment .details {
		margin-left:90px;
	}
	
	.user-comment .details .info .author {
		width:100%;
	}
	
	.user-comment .details .info .date {
		float:left;
	}
	
	.user-comment .user-comment {
		margin-top:25px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width:767px) {
	.container {
	    padding-left:30px;
	    padding-right:30px;
	    max-width:100%;
	}
	
	.res-margin {
		margin-bottom:35px;
	}
	
	.sec-pad {
		padding:50px 0;
	}
	
	.skills-holder:after {
		left:10%;
		right:10%;
		width:80%;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width:480px) {
	.container{
		padding-left:35px;
		padding-right:35px;
	}
    
    .works .portfolio-item {
		width:100%;
	}
}