.slicknav_menu
{
	display: none;
} /* hide slicknav in lag deices*/





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

	.slider
	{
		margin-top: 112px;
	}

	header
	{
		margin-top: -112px;
		background-color: #34495e;
	}

	#menu
	{
		display: none;
	}
	
	.slicknav_menu
	{
		display: inline-block;
		position: fixed;
		background:rgba(0,0,0,0);
		z-index: 1000;
		right: 0px;
		margin-top: -112px;
	}

	.slicknav_btn
	{
		background-color: #e74c3c;
		margin: 35px 30px 0 0;
	} /* reposition cel nave slicknav*/

	.slicknav_nav
	{
		background: #34495e;
		width: 200px;
		margin-top: 107px !important; /* muve drop nav to start after header*/
		margin-right: -6px;
	}

	.slicknav_nav li
	{
		margin: 0;
		padding:0;
		height: 3em;
		line-height: 3em; /* to center li a links based on li height*/
		width: 200px;
		border-bottom: 1px solid #2e4155;
		border-top: 1px solid #3d5267;
		text-align: center; /* to center li a links horizontaly */
	}

	.slicknav_nav li a
	{
		margin: 0;
		padding:0;
	} /* to ovrerride style nav and correct the a link ver center*/

	.slicknav_nav li a:hover 
	{
		color: #e74c3c;
		background-color: rgba(0,0,0,0);
	} /* slicknav hover styles*/

	.slider,.slider ul.slider-carousel, .slider ul.slider-carousel li{
		height: 450px;
	}

	.slider ul.slider-carousel li h1
	{
		margin-top: 100px;
		margin-bottom: 30px;
	}

	/** portfolio responsive styles ***/

	.portfolio
	{
		background: none;
		background-color: #eca535;
	}

	.portfolio-carousel li
	{
		margin-right: 0px;
		margin-left: 0px;
	}

	.portfolio-carousel h3
	{
		font-size: 14px;
	}

	.portfolio .inner-content
	{
		width: 200px;
		height: 180px;
	}
	
	.portfolio .portfolio-nav li {
		margin-right: 0px;
	}
	
	
	/* End portfolio */
	
	/* Team */
	.team-carousel h3
	{
		font-size: 12px;
	}
	
	.team .inner-content
	{
		width: 200px;
		height: 180px;
	} /* changes the carousell images size , dropping from 4 show to 3 */

	.team-carousel li
	{
		margin-right: 0px;
		margin-left: 0px;
	}

	.team-carousel p.description
	{
		display: none;
	}
	/* End Team */
	
	
	/*testimonial*/

	.testimonials-carousel li {
		margin: 0 100px;
	}
	
	.testimonials
	{
		background:none;
		background-color: #0d1722;
	}

	.blog
	{
		text-align: center;
	}

	.blog img
	{
		margin: 0 auto;
	} /* to fix image centering due to bootstrap image responsive - class="img-responsive" */

	/** contact form **/
	.contact {
		background: none;
		background-color: #36767a;
	}
	form.contact-form
	{
		width: 60%;

	}

	/*** footer ***/
	footer
	{
		text-align: center;
	}
}


	@media screen and (max-width: 800px){
		
		
		header a.logo {
			margin-left: 10px;
		} /* to fix logo left spacing in med screen*/
		
		.portfolio-carousel h3
		{
			font-size: 12px;
		}

		.portfolio .inner-content
		{
			width: 180px;
			height: 150px;
		}
		
		.portfolio li p
		{
			font-size: 12px;
		}

		
		
		
		/*** team responsive style ***/

		.team-carousel h3
		{
			font-size: 12px;
		}

		.team .inner-content
		{
			width: 180px;
			height: 150px;
		}

		.team li p
		{
			font-size: 12px;
		}

		/*testimonial section */

		.testimonial-carousel li
		{
			margin: 0 100px;
		}
	}

@media screen and (max-width: 550px){

	h1
	{
		font-size: 30px;
	}
	.slider,.slider ul.slider-carousel, .slider ul.slider-carousel li{
		height: 380px;
	}

	.slider ul.slider-carousel li h1
	{
		margin-top: 70px;
		margin-bottom: 30px;
	}

	.testimonial-carousel li
		{
			margin: 0 50px;
		}

	
	
	.portfolio .inner-content
	{
		width: 150px;
		height: 120px;
	} /* changes the carousell images size , dropping from 4 show to 3 */
	
	
	.team .inner-content
	{
		width: 150px;
		height: 120px;
	} /* changes the carousell images size , dropping from 4 show to 3 */
	
	
		/** contact form **/
	form.contact-form
	{
		width: 80%;
	}
}

@media screen and (max-width: 420px){
	header {
		height: 80px;
		margin-top: -80px;
	}
	
	header a.logo {
		width: 90px;
		height: 80px;
		line-height: 80px;	
	}
	
	.logo img {
		width: 60px;
	}
	
	#siteIdent {
		width: 40vw;
	}
	
	#siteIdent h1 {
		font-size: 20px;
	}
	
	h1
	{
		font-size: 24px;
	}
	
	.slider {
		margin-top: 80px
	}
	
	.slider ul li a
	{
		display: block; /* to take full width */
		padding: 0;
		width: 100%;
		text-align: center;
	}

	.slider ul.slider-carousel li h1
	{
		margin-top: 50px;
		margin-bottom: 30px;
	}
	
	.med-white-secondary {
		font-size: 16px;
	}
	
	.image1, .image2, .image3 {
		background-size: auto 100%;
	}
	
	.image1, .image2, .image3 {
		/*background-position: center;*/
		/*background-position-x: left 25%;*/
		/*background-position: -230px 0;*/
	}
	
	.portfolio-carousel, .skills-carousel {
    	width: 160px;
		height: 140px;
	}
	
	.portfolio-carousel .inner-content, .skills .inner-content {
    	width: 160px;
		height: 140px;;
	}
	
	.skills-carousel .inner-content p.description {
		font-size: 8px;
		display: none;
	}
}