.navbar-brand img{
	display: block;
    max-width: 70% !important;
    height: auto;
}
 .navbar-static-top .container-fluid{
	   margin-right: 30px;
   margin-left: 30px;
   
   }

@media (max-width:767px) { 
	/* navbar */
	.navbar-nav > li > a {
        text-align:left;
        border-bottom:0px solid #f5f5f5;
    }
    
    .navbar-nav > li > a:before {
        display:none;
    }
	.navbar-brand{
		margin-bottom:25px;
	}
	.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color: rgba(0,0,0,0.9);
	background-image: none;
	border: 1px solid #ffffff;
	border-radius: 0px;
	display:block;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: rgba(0,0,0,0.9);
	}
	.navbar-default .navbar-toggle {
		border-color: #fff;
	}
	.navbar-nav {
	margin: 7.5px -15px;
	margin-top: 0px;
	}
	.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
	}
    .subtitle {
        line-height:38px;
    }
	/** process **/
	.process-list li{
		display:block;
		width:100%;
		text-align:center;
	}
	
	.process-line{
		display:none;
	}
	/**  project   thumbnail**/ 
	.imac-screen {
		position: absolute;
		width: 84.2%;
		height: 62%;
		top: 4.2%;
		left: 7.9%;
		overflow: hidden;
	}
	
	/*** testimonial section **/
	
	.testimonial_wrapper .testimonial-thumb{
        margin-bottom:30px;
    }
    
    .testimonial_wrapper{
        margin-bottom:60px;
    }
	
    
    .testimonial_wrapper .testimonial-thumb img{
        width:200px;
        max-width:100%;
    }
	
    
    .testimonial_wrapper .testimonial_details:after,
    .testimonial_wrapper.right .testimonial_details:after {
        left:50%;
        margin-left:-20px;
        top:-40px;
        border-left:20px solid transparent;
        border-right:20px solid transparent;
        border-bottom:20px solid #fafafa;
        box-shadow:none;
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transition:border-bottom-color .3s ease-out;
        transition:border-bottom-color .3s ease-out;
    }
    
    .testimonial_wrapper:hover .testimonial_details:after,
    .testimonial_wrapper.right:hover .testimonial_details:after {
        border-right-color:transparent;
        border-left-color:transparent;
        border-bottom-color:#5CC9DF;
    }
    
    .testimonial_wrapper .testimonial_details,
    .testimonial_wrapper.right .testimonial_details {
        margin:20px 0 0 0;
    }
	.testimonial{
	
			padding-left:40px;
		}

	
		.wpsm_site_thumb_wrapper_showcase:hover .wpsm_site_thumb_wrapper_showcase_overlay_inner {
		visibility: visible;
		bottom:30%;
		left: 0;
	
		}
		.wpsm_site_sidebar_widget .wpsm_site_thumb_wrapper_showcase:hover .wpsm_site_thumb_wrapper_showcase_overlay_inner {
    visibility: visible;
    bottom:40%;
    left: 0;
	
	}
	
	.navbar-nav .open .dropdown-menu {
		
	 background: rgba(232,63,51,0.8);
    border-radius: 0px;
    padding: 0px;
    border: 0px;
	}
	
	
	.navbar-nav .open .dropdown-menu > li > a:hover,.navbar-nav .open .dropdown-menu > li > a:focus{
	
	background:rgba(0,0,0,0.7);
	color:#fff;
	
}

.navbar-collapse.in {
    overflow-y: auto !important;
    height: 300px !important;
}

	
	
}
@media (max-width:767px) {

.container > .navbar-header{
	margin-right:0px;
	margin-left:0px;
	
	}
	
	

}
@media (max-width: 1100px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
	.navbar-default .navbar-toggle{
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color: rgba(0,0,0,0.9);
	background-image: none;
	border: 1px solid #ffffff;
	border-radius: 0px;
	display:block;
	}
	.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{
		background-color: rgba(0,0,0,0.9);
	background-image: none;
	border: 1px solid #ffffff;
		
	}
	.navbar-collapse {
		max-height: none;
	}
	.navbar-collapse.in {
		overflow-y: visible;
		 height: auto; 	
	}
	.dropdown-menu{
		
		float:none;
		position:static !important;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: transparent;
	}
	
	li.dropdown .fa{
		float:right;
		vertical-align:middle;
		padding:10px 25px 15px 25px;
	}
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width:768px) and (max-width:900px) {

	.wpsm_site_thumb_wrapper_showcase:hover .wpsm_site_thumb_wrapper_showcase_overlay_inner {
		visibility: visible;
		bottom:30%;
		left: 0;
	}
}



@media (min-width: 768px) {

  /* Navbar positioning foo */
	.navbar-nav > li > a {
		padding-top: 3px;
		padding-bottom: 3px;
		 padding-left: 15px;
		padding-right: 15px;

	}
	.nav {
		position: relative;

	}
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }
  .navbar-brand {
	float: left;
	height: 50px;
	padding-top: 30px;
	padding-bottom:30px;
	font-size: 18px;
	line-height: 20px;
	}
	/**  project   thumbnail**/ 
	.imac-screen {
		position: absolute;
		width: 84.2%;
		height: 56%;
		top: 4.2%;
		left: 7.9%;
		overflow: hidden;
		}

 
}

@media (min-width:1200px) { 
  
    /* FEATURES
       ================================================== */

    .features-title {
        margin-top: 30px;
        font-size: 32px;
        letter-spacing: normal;
    }

    .features-paragraph {
        padding-top: 5px;
        margin: 0 auto;
        max-width: 260px;
        font-size: 18px;
        line-height: 30px;
    }

    /* IPHONE
       ================================================== */

    .iphone-title {
        font-size: 38px;
        margin-bottom: 20px;
    }

    .iphone-paragraph {
        font-size: 22px;
        line-height: 36px;
        margin-bottom: 30px;
    }
	.navbar.navbar-default .container-fluid{
	    padding-left: 138px !important;
    padding-right: 130px !important;
	}

    /* SERVICES
       ================================================== */

    .col-services .glyphicon {
        color: #28D8B3;
        font-size: 76px;
        -webkit-transition: color .3s ease;
        -moz-transition: color .3s ease;
        -o-transition: color .3s ease;
        transition: color .3s ease;
    }

    .services-title {
        margin-top: 30px;
        font-size: 34px;
        letter-spacing: normal;
        font-weight: 700;
    }

    .services-paragraph {
        padding-top: 5px;
        margin: 0 auto;
        max-width: 240px;
        font-size: 18px;
        line-height: 30px;
    }


   
   
   
}
@media (max-width:480px) {
	.testimonial_wrapper .testimonial_details:before{
		display:none;
	}
	.testimonial_wrapper .testimonial_details {
		 padding-left:20px;
	}
	/* social links */
	.social_div{
	width: 50%;
	height: 125px;
	float: left;
	}
	/** theme filter css */
	.nav-pills > li {
	 float: none; 
	}
}

@media (max-width:350px) {
	/**  project   thumbnail**/ 
	.imac-screen {
		position: absolute;
		width: 84.2%;
		height: 54%;
		top: 4.2%;
		left: 7.9%;
		overflow: hidden;
	}
		
		
}


#wpsm_nav_top.affix {
         position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: rgba(255, 255, 255, 1) !important;
    padding-bottom: 13px !important;



#wpsm_nav_top.affix .navbar-brand img {
	max-width: 75% !important;
	
	
}
.navbar-brand img{
	
	transition: all .5s ease-out;
}

}


@media only screen and (max-width:480px){
    .dropdown-menu{
        display: block;
        position: static;
        background-color:transparent;
        border:0 none;
        box-shadow:none;
        margin-top:0;
        position:static;
        width:100%;
    }
    .navbar-nav .dropdown-menu > li > a, 
    .navbar-nav .dropdown-menu .dropdown-header {
        padding:5px 15px 5px 25px;
    }
    .navbar-nav .dropdown-menu > li > a{
        line-height:20px;
    }
    .navbar-default .navbar-nav .dropdown-menu > li > a{    
        color:#777;
    }
}