﻿
@media (max-width: 1199px) {

	/*.flexcaption h1 {
		font-size: 40px;
		padding: 10px 20px;
	}
         */
	.portfolio-container .work-post {
		width: 49.98%;
    	padding: 0px;
	}

	ul.clients-logo li {
		width: 212px;
	}

	.team-post:before {
	    width: 100%;
	    height: 100%;
	    left: 0px;
	    top: 0;
	    transform: rotate(0deg);
	    -webkit-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	}

	.team-post:after {
	    width: 100%;
	    height: 100%;
	    left: 0px;
	    top: 0;
	    transform: rotate(0deg);
	    -webkit-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	}

	.team-post {
		padding: 20px;
		margin: 0 0 30px;
	}

	.team-box {
		padding: 30px 0 0;
	}

	.project-post {
	    width: 33.315%;
	}

}


@media (max-width: 991px) {

	.navbar-default .navbar-nav > li:before {
		display: none;
	}

	.navbar-default .navbar-nav > li > a {
		padding: 15px 6px;
	}

	.flexcaption h1 {
		font-size: 30px;
		padding: 8px 15px;
	}

	#video-section h1 {
		font-size: 40px;
	}

	.image-place {
	    margin-top: 30px;
	}

	.project-post {
	    width: 49.98%;
	}

	.price-table {
		padding: 0 30px;
	}
}






@media (max-width: 767px) {

	.navbar-toggle {
		margin-top: 19px;
	}

	.navbar-brand {
		max-width: 100%;
	}

	.navbar-collapse {
		position: relative;
		z-index: 9999999;
		-webkit-backface-visibility: hidden;
	}

	.navbar-default .navbar-nav > li {
		margin: 0;
	}

	.navbar-default .navbar-nav > li > a {
		padding: 5px 0;
	}


	.flexcaption h1 {
		font-size: 15px;
		padding: 6px 10px;
	}
        .flexcaption p {

         font-size: 12px;
         margin-top: -10px;

        }

        
.sopra_slide {
   top:20%;
}

ul.social-icons {
    display:none;
}

.flexslider {
display:none;
}


.button-area a {
 
    width: 120px;
    padding: 10px;
    
    font-size: 12px;
   
}

        
	#video-section h1 {
		font-size: 20px;
	}

	#video-section h1 a {
		margin: 0 0 -40px;
	}

	.project-post {
	    width: 100%;
	}

	.price-table {
		padding: 0;
	}

	.price-table:after {
		display: none;
	}

	span.middle-icon {
		display: none;
	}

	.contact-info:after {
		display: none;
	}

	.contact-info span.icon-up {
		margin-bottom: 15px;
	}

	.contact-info p {
		margin-bottom: 40px;
	}

	#contact-form .left,
	#contact-form .right {
		float: none;
		width: 100%;
		padding: 0;
	}

	footer ul.social-icon-list li {
		margin-right: 20px;
	}

	footer ul.social-icon-list li a i {
		font-size: 24px;
	}

	footer ul.social-icon-list li:before {
		display: none;
	}
}