/**
*
* -------------------------------------------------
*
* Template : M - One Page Personal Portfolio Template
* Author   : Hamza Mensouri
* Version  : 1.0
*
* --------------------------------------------------
*
**/


/* Extra Small devices (Phones) */
@media (max-width: 767px){
	/*-------------------- Intro --------------------*/
	.intro-section {
		background-attachment:scroll;
		}
	.navbar-default .navbar-collapse {
		background-color:#1a1a1a;
		border-color:#fbe414;
		}
	.container>.navbar-header, .container>.navbar-collapse {
		margin-bottom: 10px;
		}
	.navbar-collapse li {
		padding:3px 0;
		}
	.navbar-nav>.active> a, .navbar-nav>.active> a:hover,.navbar-default .navbar-nav>.active> a:focus {
		background-color:transparent;
		color:#fff;
		}
	.welcome-area  h2 {
		color:#fff;
		font-size:36px;
		text-transform:uppercase;
		font-weight:700;
		}
	.welcome-area h4 {
		color:#fff;
		font-size:14px;
		}
	.welcome-area .welcome-scroll {
		margin-top:130px;
		}
	/*-------------------- About-section --------------------*/
	.about-section .section-content{
		margin-top:15px;
		}
	.about-section .section-picture img {
		width:100%;
		height:100%;
		}
	#about {
		padding:65px 0 45px 0;
		}	
	/*-------------------- Projects-section --------------------*/	
	.projects-section #border-left1,#border-left2,#border-left3 {
		border-left: none;
		}	
	/*-------------------- Available-section --------------------*/
	.available-section h1 {
		color: #fff;
		font-size:25px;
		text-transform:uppercase;
		letter-spacing:2px;
		margin-bottom:40px;
		}	
	/*-------------------- Testimonials-section --------------------*/
	.testimonials-section .section-title h1 {
		font-weight:700;
		font-size:30px;
		text-transform:uppercase;
		}
	/*-------------------- Footer --------------------*/
	.footer-area .footer-text p {
		color:#555;
		font-weight:500;
		font-size:13px;
		}
	.footer-text {
		text-align: center;
		}
	/*-------------------- Wow animation disabled --------------------*/	
	.wow {
        animation-name: none !important;
        visibility: visible !important;
		}
}


/* Small devices (Tablets) */
@media (min-width: 768px) and (max-width: 992px){
	/*-------------------- Intro --------------------*/
	.intro-section {
		background-attachment:scroll;
		}
	.navbar-default .nav-list > li >a {
		color:#fff;
		font-size:12px;
		text-transform:uppercase;
		}
	.welcome-area  h2 {
		color:#fff;
		font-weight:700;
		font-size:44px;
		text-transform:uppercase;
		}
	.welcome-area  h4 {
		color:#fff;
		font-size:17px;
		}
	/*-------------------- About-section --------------------*/		
	.about-section .section-content {
		margin-top:15px;
		}
	.about-section .section-picture img {
		width:100%;
		height:100%;
		}
	#about {
		padding:65px 0 45px 0;
		}
	/*-------------------- Projects-section --------------------*/	
	.projects-section #border-left1,#border-left2,#border-left3 {
		border-left: 0;
		}	
	/*-------------------- Available-section --------------------*/		
	.available-section h1 {
		color: #fff;
		font-size:30px;
		text-transform:uppercase;
		letter-spacing:2px;
		margin-bottom:40px;
		padding-top:40px;
		}
	/*-------------------- Footer Media --------------------*/
	.footer-area .footer-text p {
		color:#555;
		text-align:center;
		font-weight:500;
		font-size:13px;
		}
	/*-------------------- Wow animation disabled --------------------*/	
	.wow {
        animation-name: none !important;
        visibility: visible !important;
		}
}


/* Medium devices (Desktops) */
@media (min-width: 992px) and (max-width: 1200px){
	/*-------------------- Intro --------------------*/
	.intro-section {
		background-attachment:scroll;
		}
	.welcome-area h2 {
	color: #62308B;
	font-size: 50px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
		}
	/*-------------------- About-section --------------------*/	
	.about-section .section-title h1 {
		font-weight:700;
		text-transform:uppercase;
		}
}