@media (min-width: 1200px) {
	#header{
		margin-top: 0 !important;
	}
	#header.interior #nav{
		display: block !important;
		opacity: 1 !important;
		margin-top: 0 !important;
		padding-left: 0 !important;
	}
	#header.interior #mainmenu>.collapse>ul>li>ul{
		margin-top: -1px;;
	}
	.qrcode .image img{max-width: 100%;}
}

@media (max-width: 1200px){
	#header{
		margin-top: 0 !important;
	}
	.project-body h2{
		opacity: 1;
	}

	#header #nav{
		display: block !important;
		opacity: 1 !important;
		margin-top: 0 !important;
		padding-left: 0 !important;
		
	}

	#home_slideshow{
		position: static !important;
		clear: both;
		/* margin-top: 80px; */
		overflow: hidden;
	}
	#home_slideshow .slides .section{
		position: static !important;
		background-position: left 50% bottom 0px !important;
		vertical-align: middle;
		height: auto !important;
		min-height: 240px;
		background-attachment: scroll;
		background-size: cover;
	}
	#home_slideshow .slides .section.first{
    padding-top: 1px;
}
	.home .container{
		margin: auto;
	}
	a#menu-toggle{
		display: none;
	}
	#home_slideshow .slides .section .text{
		position: static !important;
		width: auto;
		padding: 20px !important;
	}
	#footer-toggle{
		display: none;
	}
	#home_sections{
		display: none !important;
	}
	#wheel{display: none !important;}
	#home_slideshow .slides .section .title{width: auto;float: none;display: block;color: #fff;font-size: 20px;font-family: 'nazaninb';position: relative;top: 20px;}
	#home_slideshow .slides .section .text .description{
		max-width: none;
		height: auto;
		width: auto;
		float: none;
		position: static;
		white-space: pre-line;
	}
	#home_slideshow .slides .section .caption{
		display: none;
	}
	body{height: auto !important;}
}

@media (min-width: 992px) AND (max-width: 1200px) {
	.qrcode .image img{max-width: 100%;}
	#header.interior #mainmenu>.collapse>ul>li>ul {
		border-right: 0;
		border-left: 0;
		height: auto;
		padding: 6px 20px !important;
		left: 0;
		right: 0;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#services section .content{
		padding: 0;
		height: auto !important;
	}
	#mainwrapper{
		overflow: hidden;
	}
	#home_slideshow .slides .section{
		min-height: 800px;
	}

}

@media (min-width: 768px) and (max-width: 1200px){
	header#header{
		margin-top: 0;
	}
	#footer.interior{margin-top: 40px;}
     .page-template-page-services #footer.interior,
     .page-template-page-projects #footer.interior,
     .tax-project_cat #footer.interior{
     	margin-top: 0 !important;
     }
    #footer{position: static;height: auto;text-align: center;}
    #footer .pull-left{float: none !important;}
	#home_slideshow .slides .section{
		min-height: 600px;
	}
	#mainwrapper{
		overflow: hidden;
	}
	#services section .content{
		padding: 0;
		height: auto !important;
	}
	#services .carousel .item{
		padding: 0 !important;
	}
	#services section{
		background-attachment: scroll !important;
		background-size: cover;
		background-position: center !important;
		padding: 20px 100px;
		height: auto;
	}
	#services section .text{
		position: relative;
		margin-top: 0;
		height: auto !important;
		z-index: 3;
	}
	#services section:after{
		z-index: 2;
		opacity: 0.3;
	}
	#header{
		position: static !important;
		height: auto !important;
		padding-top: 0;
	}
	#nav .logo{
		position: absolute;
		top: 5px;
		right: 15px;
	}
	#header #logo{
		display: none;
	}
	#nav{
		position: static;
	}
	#header #nav{
		height: 131px !important;
		position: relative !important;
		border-bottom: 0 !important;
	}
	#mainmenu{
		width: auto;
		float: none !important;
		clear: both;
		min-height: 66px;
	}
	#header #mainmenu>.collapse>ul>li>ul{
		top: 60px !important;
		border-right: 0;
		border-left: 0;
		height: auto;
		padding: 6px 20px !important;
		left: 0;
		right: 0;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.navbar-nav{
		float: none;
		width: auto !important;
		text-align: center;
		border-top: 1px solid #ccc;
		position: relative;
		margin-top: 10px;
	}
	.navbar-nav>li{
		float: none;
		display: inline-block;
		opacity: 1 !important;
	}
	.collapse.navbar-collapse{
		padding: 0 !important;
	}
	#mainwrapper{
		margin: 0;
	}
	.page-title,.page-title *{
		 text-align: center !important;
		 float: none !important;
	}
	#header .container{
		width: auto !important;
		padding: 0 !important;
	}
	#mainmenu>.collapse>ul>li>ul>li{
		margin: 15px 0 !important;
	}
	#langswitch{
		margin-left: 15px;
	}
	#header.interior #mainmenu>.collapse>ul>li{
		opacity: 1;
	}
}

@media (min-width: 768px){
    #mainmenu>.collapse>ul>li{
        margin-right: 2px;
        margin-left: 2px;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        opacity: 0;
    }
    #mainmenu>.collapse>ul>li>a{
        color: #111;
        padding: 0 10px;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        height: 20px;
        line-height: 20px;
        color: #888;
        font-size: 1.15em;
        font-family: 'nazaninb';
        margin: 20px 0;
        background: none;
    }
    #mainmenu>.collapse>ul>li.current-menu-item>a{}
    #mainmenu>.collapse>ul>li.dropdown{}
    #mainmenu>.collapse>ul>li.dropdown>a{position: relative;padding-left: 22px;}
    #mainmenu>.collapse>ul>li.dropdown>a:after{
        content: '';
        height: 0;
        width: 0;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 4px solid #696969;
        position: absolute;
        top: 50%;
        left: 12px;
        margin-top: -1px;
        -webkit-transition: 200ms;
        -o-transition: 200ms;
        transition: 200ms;
    }
    #mainmenu>.collapse>ul>li.dropdown>a.open:after{
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    #mainmenu>.collapse>ul>li>ul{
        position: absolute !important;
        top: 50px;
        height: 60px;
        background: #fff;
        overflow: hidden;
        left: 0;
        right: 0;
        border-top: #ccc 1px solid;
        display: none;
        opacity: 0;
        text-align: center;
        margin-right: -10px;
        margin-left: -10px;
    }
    #mainmenu>.collapse>ul>li>ul>li{
        height: 60px;
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
        float: none;
        display: inline-block;
    }
    #mainmenu>.collapse>ul>li>ul>li{
        height: 20px;
        line-height: 20px;
        margin: 20px 0;
        padding: 0px 7px 0 8px;
        color: #888;
    }
    #mainmenu>.collapse>ul>li>ul>li>a{
        color: #999;
        -webkit-transition: 300ms;
        -o-transition: 300ms;
        transition: 300ms;
        font-family: 'nazaninb';
        font-size: 1.1em;
        text-decoration: none;
    }
    #mainmenu>.collapse>ul>li>ul>li>a:hover{color: #000;}
    #mainmenu>.collapse>ul>li:nth-child(2){-webkit-transition-delay: 40ms;-o-transition-delay: 40ms;transition-delay: 40ms;}
    #mainmenu>.collapse>ul>li:nth-child(3){-webkit-transition-delay: 80ms;-o-transition-delay: 80ms;transition-delay: 80ms;}
    #mainmenu>.collapse>ul>li:nth-child(4){-webkit-transition-delay: 120ms;-o-transition-delay: 120ms;transition-delay: 120ms;}
    #mainmenu>.collapse>ul>li:nth-child(5){-webkit-transition-delay: 160ms;-o-transition-delay: 160ms;transition-delay: 160ms;}
    #mainmenu>.collapse>ul>li:nth-child(6){-webkit-transition-delay: 200ms;-o-transition-delay: 200ms;transition-delay: 200ms;}
    #mainmenu>.collapse>ul>li:nth-child(7){-webkit-transition-delay: 240ms;-o-transition-delay: 240ms;transition-delay: 240ms;}
    #mainmenu>.collapse>ul>li:nth-child(8){-webkit-transition-delay: 100ms;-o-transition-delay: 100ms;transition-delay: 100ms;}
    #mainmenu>.collapse>ul>li:nth-child(9){-webkit-transition-delay: 280ms;-o-transition-delay: 280ms;transition-delay: 280ms;}
    #mainmenu>.collapse>ul>li:nth-child(10){-webkit-transition-delay: 320ms;-o-transition-delay: 320ms;transition-delay: 320ms;}
    #nav.open #mainmenu>.collapse>ul>li{opacity: 1;height: 60px;line-height: 20px;}
    #mainmenu ul li.active>a, #mainmenu ul li:hover>a{color: #000;background: none;}
    #mainmenu>.collapse>ul>li>ul>li.current-menu-item>a,
    #mainmenu>.collapse>ul>li>ul>li.active>a{color: #000;}
    #mainmenu{float: left;border: 0;height: 60px !important;margin: 0;padding: 0;position: static;}

    #mainmenu>.collapse>ul>li{
    margin-right: 2px;
    margin-left: 2px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0;
	}
	#mainmenu>.collapse>ul>li>a{
		color: #111;
		padding: 0 10px;
		-webkit-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
		height: 20px;
		line-height: 20px;
		color: #888;
		font-size: 1.15em;
		font-family: 'nazaninb';
		margin: 20px 0;
		background: none;
	}

	#mainmenu>.collapse>ul>li.current-menu-item>a{}
	#mainmenu>.collapse>ul>li.dropdown{position: static;}
	#mainmenu>.collapse>ul>li.dropdown>a{position: relative;padding-left: 22px;}
	#mainmenu>.collapse>ul>li.dropdown>a:after{
		content: '';
		height: 0;
		width: 0;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
		border-top: 4px solid #696969;
		position: absolute;
		top: 50%;
		left: 12px;
		margin-top: -1px;
		-webkit-transition: 200ms;
		-o-transition: 200ms;
		transition: 200ms;
	}
	#mainmenu>.collapse>ul>li.dropdown>a.open:after{
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	#mainmenu>.collapse>ul>li>ul{
		position: absolute !important;
		top: 50px;
		height: 60px;
		background: #fff;
		overflow: hidden;
		left: 0;
		right: 0;
		border-top: #ccc 1px solid;
		display: none;
		opacity: 0;
		text-align: center;
		margin-right: -10px;
		margin-left: -10px;
	}
	#mainmenu>.collapse>ul>li>ul>li{
		height: 60px;
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;
		float: none;
		display: inline-block;
	}
	#mainmenu>.collapse>ul>li>ul>li{
		height: 20px;
		line-height: 20px;
		margin: 20px 0;
		padding: 0px 7px 0 8px;
		color: #888;
	}

	#mainmenu>.collapse>ul>li>ul>li>a{
		color: #999;
		-webkit-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
		font-family: 'nazaninb';
		font-size: 1em;
		text-decoration: none;
	}
	#mainmenu>.collapse>ul>li>ul>li>a:hover{color: #000;}
	#mainmenu>.collapse>ul>li:nth-child(2){-webkit-transition-delay: 40ms;-o-transition-delay: 40ms;transition-delay: 40ms;}
	#mainmenu>.collapse>ul>li:nth-child(3){-webkit-transition-delay: 80ms;-o-transition-delay: 80ms;transition-delay: 80ms;}
	#mainmenu>.collapse>ul>li:nth-child(4){-webkit-transition-delay: 120ms;-o-transition-delay: 120ms;transition-delay: 120ms;}
	#mainmenu>.collapse>ul>li:nth-child(5){-webkit-transition-delay: 160ms;-o-transition-delay: 160ms;transition-delay: 160ms;}
	#mainmenu>.collapse>ul>li:nth-child(6){-webkit-transition-delay: 200ms;-o-transition-delay: 200ms;transition-delay: 200ms;}
	#mainmenu>.collapse>ul>li:nth-child(7){-webkit-transition-delay: 240ms;-o-transition-delay: 240ms;transition-delay: 240ms;}
	#mainmenu>.collapse>ul>li:nth-child(8){-webkit-transition-delay: 100ms;-o-transition-delay: 100ms;transition-delay: 100ms;}
	#mainmenu>.collapse>ul>li:nth-child(9){-webkit-transition-delay: 280ms;-o-transition-delay: 280ms;transition-delay: 280ms;}
	#mainmenu>.collapse>ul>li:nth-child(10){-webkit-transition-delay: 320ms;-o-transition-delay: 320ms;transition-delay: 320ms;}
	#nav.open #mainmenu>.collapse>ul>li{opacity: 1;height: 60px;line-height: 20px;}
	#mainmenu ul li.active>a, #mainmenu ul li:hover>a{color: #000;background: none;}
	#mainmenu>.collapse>ul>li>ul>li.current-menu-item>a,
	#mainmenu>.collapse>ul>li>ul>li.active>a{color: #000;}
	#mainmenu{
		float: left;
		border: 0;
		height: 60px !important;
		margin: 0;
		padding: 0;
		position: static;
	}
}

@media (max-width: 767px) {
	body{height: auto !important;}
    #header {padding-top: 0;height: auto;position: static !important;min-height: 70px;}
    #mainmenu{border: none;position: absolute;top: 0;left: 0;right: 0;height: auto !important;z-index: 99;}
    #header #nav{height: auto !important;display: block !important;      opacity: 1 !important;      margin-top: 0 !important;      padding-left: 0;      border-bottom: 1px solid #e0e0e0;      padding: 5px 0;}
    .navbar-inverse .navbar-toggle{border-color: #BABABA;margin-top: 18px;float: right;margin-right: 15px;}
    .navbar-inverse .navbar-toggle .icon-bar{background-color: #AAA;}
    .navbar-header{height: 68px;border-bottom: 1px solid #BABABA;}
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-bottom: 1px solid #BABABA !important;border-top: 1px solid #BABABA !important;background: #fff;box-shadow: none !important;margin-top: -1px;padding: 0;}
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color: #eee;}
	.navbar-inverse .navbar-nav>li>a{border-bottom: 1px dotted #bbb;text-align: center;padding: 15px 0 !important;margin: 0 !important;font-size: 1.15em;font-family: 'nazaninb';}
	.navbar-inverse .navbar-nav>li:last-child>a{border-bottom: 0;}
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{background:#eee;color: #000;}
	.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{color: #A1A1A1;}
	.navbar-nav{margin: 0 !important;}
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
		background: #d5d5d5 !important;
		color: #000 !important;
		border-bottom: none !important;
	}
	#mainmenu.navbar-inverse .navbar-nav>li>ul{
		position: static !important;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
		width: auto !important;
	}
	#mainmenu.navbar-inverse .navbar-nav>li>ul>li{
		text-align: center !important;
		padding: 0 !important;
		float: none !important;
		height: 36px !important;
		width: auto !important;
	}
	#mainmenu.navbar-inverse .navbar-nav>li>ul>li>a{
		padding: 0 !important;
		line-height: 36px !important;
		float: none !important;
		height: 36px !important;
		width: auto !important;
		border-bottom: 1px dotted #ccc !important;
	}
	#mainmenu.navbar-inverse .navbar-nav>li>ul>li:last-child>a{
		border-bottom: none;
	}
    #nav .logo{width: 100%; background-position: center center;margin-top: 20px;}
    .home #nav .logo{margin-bottom: 20px;}
    .page-title h2{text-align: center !important;display: block;float: none;margin-top: 10px;}
    .page-title{height: auto;}
    #contactform h3{text-align: center;}
    .resume-up label{height: auto;line-height: 28px;margin: 15px;}
    .resume-up .btn-primary{padding: 0 !important;}
    .resume-up .btn-primary img{display: none;}
    .resume-up .wpcf7-submit{background-image: none;}
    #map-container{display: none;}
    #footer.interior{margin-top: 40px;}
     .page-template-page-services #footer.interior,
     .page-template-page-projects #footer.interior,
     .tax-project_cat #footer.interior{
     	margin-top: 0 !important;
     }
    #footer{position: static;height: auto;text-align: center;padding: 15px 0;}
    #footer .pull-left{float: none !important;}
    .qrcode .image img{max-width: 260px;}
    .other-project{clear: both;height: auto;}
    #other_projects_modal .modal-body{padding: 50px 50px 50px 70px;}	
	#home_slideshow{
		position: static !important;
		clear: both;
		margin-top: 80px;
		overflow: hidden;
	}
	#home_slideshow .slides .section{
		position: static !important;
		background-position: left 50% bottom 0px !important;
		vertical-align: middle;
		height: auto !important;
		min-height: 240px;
		background-attachment: scroll;
		background-size: cover;
	}
	#home_slideshow .slides .section.first{display: none;}
	.home .container{
		margin: auto;
	}
	a#menu-toggle{
		display: none;
	}
	#home_slideshow .slides .section .text{
		position: static !important;
		width: auto;
		padding: 20px !important;
	}
	#footer-toggle{
		display: none;
	}
	#home_sections{
		display: none !important;
	}
	#wheel{display: none !important;}
	#home_slideshow .slides .section .title{width: auto;float: none;display: block;color: #fff;font-size: 20px;font-family: 'nazaninb';position: relative;top: 20px;}
	#home_slideshow .slides .section .text .description{
		max-width: none;
		height: auto;
		width: auto;
		float: none;
		position: static;
		white-space: pre-line;
	}
	#home_slideshow .slides .section .caption{
		display: none;
	}
	#owlslide{
		display: none !important;
	}
	#mainwrapper{
		overflow: hidden;
	}
	#services section .content{
		padding: 0;
		height: auto !important;
	}
	#services .carousel .item{
		padding: 0 !important;
	}
	#services section{
		background-attachment: scroll !important;
		background-size: cover;
		background-position: center !important;
		padding: 20px;
		height: auto;
	}
	#services section .text{
		position: relative;
		margin-top: 0;
		height: auto !important;
		z-index: 3;
	}
	#services section:after{
		z-index: 2;	
		opacity: 0.3;
	}
	.single-project #owlslide{
		display: none !important;
	}
}

@media (min-width: 480px) and (max-width: 767px){
	.grid .col-lg-3{
		width: 50%;
	}
	#owlslide{
		display: block !important;
	}
}