#gallery-1 {
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;  
user-select: none;
}
@media only screen and (min-width: 1100px) and (max-width: 1223px) {
	.main li {width:280px; height:280px;}
	.main li img {width:280px; height:280px;}	
}
@media only screen and (min-width: 1180px) and (max-width: 1099px) {
	.main li {width:260px; height:260px;}
	.main li img {width:260px; height:260px;}	
}
@media only screen and (min-width: 1000px) and (max-width: 1179px) {
	.main li {width:235px; height:235px;}
	.main li img {width:235px; height:235px;}
}
@media only screen and (min-width: 940px) and (max-width: 999px) {
	.main li {width:220px; height:220px;}
	.main li img {width:220px; height:220px;}
}
@media only screen and (min-width: 820px) and (max-width: 940px) {
#menu li {padding-left:25px; margin-left:25px;}
	.main li {width:200px; height:200px;}
	.main li img {width:200px; height:200px;}
	.left-page, .right-page {width:90%; padding:0 20px; float:none;}
	.right-page h2, .right-page p {text-align:center;}
}
@media only screen and (min-width: 480px) and (max-width: 819px) {
#inner-header h1 {position:relative; margin:0 auto; }
#social {right:10px; top:10px;}
#catalog {right:10px; top:40px;}
#leedhomes {right:10px; top:40px;}
#formobilenav {top:100px;}
#inner-content {top:0; padding-bottom:100px;}
.js #menu {display:none;}
.js .slicknav_menu {display:block;}
.main li {width:305px; height:305px;}
.main li img {width:305px; height:305px;}
.left-page, .right-page {width:90%; padding:0 20px; float:none;}
.right-page h2, .right-page p {text-align:center;}
#inner-footer .fl, #inner-footer .fr {float:none; text-align:center; width:90%;}
#inner-footer .fr span {padding-top:0; padding-bottom:5px;}
#inner-footer a.footer-wrapper {float:none; text-align:center; padding:0; background:none; margin:0 auto;}
.image {width:90%; float:none; margin:10px auto;} .text, .rect {width:90%; float:none; text-align:center; margin:10px auto;}
#map {width:86%;}
.line {width:94%;}
.talign {border-bottom:1px solid #ebebeb; position:relative; padding-bottom:10px; margin-bottom:20px; overflow:hidden;}
}
@media only screen and (min-width: 480px) and (max-width: 619px) {
#catalog {right:10px; top:40px;}
#catalog li, #catalog li a {float:none;}
}
@media only screen and (min-width: 480px) and (max-width: 619px) {
#leedhomes {right:10px; top:60px;}
#leedhomes li, #leedhomes li a {float:none;}
}
@media only screen and (min-width: 348px) and (max-width: 479px) {
.intro-top {position:absolute; background:url(../images/intro-logo_.png) no-repeat; width:180px; height:95px; left:50%; top:10px; margin-left:-90px; z-index:9999;}
#inner-header h1 {position:relative; left:10px; }

#social {right:10px; top:10px;}

#catalog {right:10px; top:40px;}
#catalog li, #catalog li a {float:none;}

#leedhomes {right:10px; top:60px;}
#leedhomes li, #leedhomes li a {float:none;}

#formobilenav {top:100px;}
#inner-content {top:0; padding-bottom:80px;}
.js #menu {display:none;}
.js .slicknav_menu {display:block;}	
.main li {width:320px; height:320px;}
.main li img {width:320px; height:320px;}
.breadcrumb {margin-left:10px;}
.left-page, .right-page {width:90%; padding:0 5px; float:none; margin:0 auto;}
.right-page h2, .right-page p {text-align:center;}
.right-page h2, .square h2, .rect h2 {font-size:20px;}
.tablo td, .right-page p, .square p, .rect p {font-size:16px; line-height:20px;}
#inner-footer .fl, #inner-footer .fr {float:none; text-align:center; width:90%;}
#inner-footer .fr span {padding-top:0; padding-bottom:5px;}
#inner-footer a.footer-wrapper {float:none; text-align:center; padding:0; background:none; margin:0 auto;}
.image {width:90%; float:none; margin:10px auto;} .text, .rect {width:90%; float:none; text-align:center; margin:10px auto;}
#map {width:86%;}
.line {width:94%;}
.talign {border-bottom:1px solid #ebebeb; position:relative; padding-bottom:10px; margin-bottom:20px; overflow:hidden;}
.gallery-top {left:50%; margin-left:-85px; top:50px;}
#formobilenav_galeri {width:100%;}
}
@media only screen and (max-width: 347px) {
.intro-top {position:absolute; background:url(../images/intro-logo_.png) no-repeat; width:180px; height:95px; left:50%; top:10px; margin-left:-90px; z-index:9999;}
#inner-header h1 {position:relative; left:10px; }

#social {right:10px; top:10px;}

#catalog {right:10px; top:40px;}
#catalog li, #catalog li a {float:none;}
#catalog li a {width:50px; font-size:11px; line-height:11px;}

#leedhomes {right:10px; top:60px;}
#leedhomes li, #leedhomes li a {float:none;}
#leedhomes li a {width:50px; font-size:11px; line-height:11px;}

#formobilenav {top:100px;}
#inner-content {top:0; padding-bottom:100px;}
.js #menu {display:none;}
.js .slicknav_menu {display:block;}
.breadcrumb {margin-left:10px;}
.main li {width:300px; height:300px;}
.main li img {width:300px; height:300px;}
.left-page, .right-page {width:90%; padding:0 5px; float:none; margin:0 auto;}
.right-page h2, .square h2, .rect h2 {font-size:18px;}
.tablo td, .right-page p, .square p, .rect p  {font-size:14px; line-height:18px;}
.right-page h2, .right-page p {text-align:center;}
#inner-footer .fl, #inner-footer .fr {float:none; text-align:center; width:90%;}
#inner-footer .fr span {padding-top:0; padding-bottom:5px;}
#inner-footer a.footer-wrapper {float:none; text-align:center; padding:0; background:none; margin:0 auto;}
.image {width:90%; float:none; margin:10px auto;} .text, .rect {width:90%; float:none; text-align:center; margin:10px auto;}
#map {width:86%;}
.line {width:94%;}
.talign {border-bottom:1px solid #ebebeb; position:relative; padding-bottom:10px; margin-bottom:20px; overflow:hidden;}
.gallery-top {left:50%; margin-left:-50px; top:50px;}
.gallery-top a {width:100px; height:44px; background:url(../images/gulnar-goru-evleri_.png) no-repeat;}
#formobilenav_galeri {width:100%;}
}