@media only screen and (min-width: 1400px){ 
     
}



@media only screen and (min-width: 992px) and (max-width: 1199px) { 
    .inner-wrapper {max-width: 900px;}
    
    .section-outer{padding: 30px 0;}
	.section-inner h3{padding-bottom: 30px;}
	.section-outer.grey-blk ul li{width: 31%;}
	.single-recent_werk .section-outer.grey-blk ul li{width:100% !important; }
    .inner-content-left h2,.inner-content-left h3 {padding-bottom: 10px;}
    .section-inner .left-block h1 {font-size: 27px;}
    .section-inner h3 a {display: block;}
}



@media only screen and (min-width: 768px) and (max-width: 991px) {
    .inner-wrapper {max-width: 680px;}
    .logo img {width: 255px;}
    .menu {padding: 25px 0 0;}
	
	.inner-content-right .wpcf7{padding: 0 10px !important;}
    
    .section-outer{padding: 30px 0;}
	.section-inner h3{padding-bottom: 30px;}
	.section-outer.grey-blk ul li{margin-left: 23px;width: 31%;}
	.section-outer.grey-blk .section-inner a{margin: 23px 0 0;}
	.section-inner h1{font-size: 27px; line-height: 30px;}
    .inner-content-left {padding: 15px 45px 0 0;}
    .section-inner .inner-content-left h1{font-size: 24px;padding-bottom: 15px;}
    .inner-content-left h2{font-size: 22px;}
    .inner-content-left h2,.inner-content-left h3 {padding-bottom: 10px;}
	.section-inner h3{font-size: 19px;}
	.right-block img {width: 75%;}
	
    .contact-outer.contact-page { width: 100%;}
	.contact-outer{padding: 15px 10px 25px;}
	.contact-head h2{font-size: 22px;}
	.contact-outer textarea,.textarea{ height: 110px;}
	.contact-outer input, .inputbox{ height: 38px; padding: 5px 18px;}
	
	.single-recent_werk .section-outer.grey-blk ul li{width:100% !important; }
    .section-inner h3 a {display: block;}
	.content-right{padding-left: 10px;}
    .left-block { padding: 0;}
    
    .footer-inner ul li {font-size: 12px;padding: 0 5px;}
    .footer-inner ul li a{font-size: 12px;}
    .fb {height: 25px;line-height: 25px;width: 25px;}
}


@media only screen and (max-width: 767px) { 
    .inner-wrapper {padding: 0 15px;}
    
    .header-container {padding: 15px 0 20px;}
    .logo img {width: 224px;}
    .click-toggle{display: block;}
    .header-container .menu {display: none;}
    .navbar-side {display: block;}
    .menu {width: 100%;padding: 0;}
    .menu ul li {text-align: right; float: left;padding: 40px 0 0;width: 100%;}
    .main-outercon.mobile-slideactive .overlay-container {height: 100%;position: absolute;cursor: pointer;transition: all 300ms ease-in 0s;width: 100%;z-index: 1000; }
    .main-outercon #page-wrapper {left: 0; position: relative; right: 0; }
    
    .banner-outer:before{content: none;}
    .banner-outer img {display: block; left: 50%;margin-left: -250px;max-width: none;overflow: hidden;position: relative; width: 500px;}
    .contact-outer.contact-page {padding: 0 15px;}
    .contact-outer.contact-page h1{font-size: 28px;}
    .contact-block label {font-size: 17px; padding-bottom: 0;}
    .contact-block p {line-height: 20px; margin-bottom: 5px;}
    
    .common-block{width:100%;padding:0;}
	.common-block.right{ width: 100%; padding:0;}
	.section-outer{padding: 20px 0;}
	.section-inner h1{font-size: 21px;line-height: 1.1; text-align:left;}
	.section-inner h3{font-size: 15px;line-height: 1.2; text-align:left;  padding-bottom: 20px;}
	.section-outer.grey-blk .section-inner h1{text-align:center;}
	.section-outer.grey-blk .section-inner h3{text-align:center;}
	.section-outer.grey-blk ul li{width:100%;padding:20px 0 0 0;margin:0;}
	.section-outer.grey-blk ul li:first-child{margin:0;}
	.section-outer.grey-blk ul li img{width:100%;}
	.more-link{text-align:left;margin: 35px 0;}
    .section-outer.grey-blk .section-inner ul li a{margin: 0;}
    .section-outer.grey-blk .section-inner a{margin: 10px 0 20px;}
	.left-block{width: 100%;}
	.right-block{width: 100%;border-left:none; display: block;}
	.common-block p{margin-bottom: 25px;}
	
    p{font-size: 14px; line-height: 1.5;}
	.inner-content-left{ padding: 0 15px 40px ;width: 100%;}
	.inner-content-left h1 { font-size: 24px; padding-bottom: 10px;line-height: 26px;}
	.inner-content-left h2{font-size: 22px;padding-bottom: 10px;}
    .inner-content-left h3 {font-size: 16px;padding-bottom: 10px}
	.inner-content-right{width: 100%;}
	.contact-outer form {text-align: left;}
    .contact-outer {text-align: left;}
    .inner-content-right .wpcf7 {padding: 0 15px;}
	.content-outer .inner-wrapper {padding: 0px;}
	
    .section-inner .csColumn {margin: 0 !important;text-align: left !important;width: 100% !important;}
	.single-recent_werk  ul li img{margin:0 0px 20px 0;}
	.single-recent_werk  ul li{padding:0px !important; }
	
	.content-left{width:100%;}
	.content-right{width:100%;padding-left:0;}
	.sidebar{padding:0;}
	.content-outer.blog-blk{padding:40px 20px;}
	.content-outer.blog-blk h1{font-size:27px;}
    .section-outer.white-bg {padding: 51px 0;}
    
    .footer-inner ul {width: 100%;}
    .footer-inner ul li {border-right: medium none;padding: 0 0 10px;width: 100%;}
    .fb {display: inline-block;float: none;}
	
	.contact-outer.contact-page{width:100%;}
    
    .section-inner h3 a {display: block;}
}


@media only screen and (max-width: 479px) { 
    
}