
@media only screen and (max-width:1680px) {
.tasarim { width: 90%; }
.tasarimBg { width: 60%; height: 400px; }
.tasarimText { width: calc(40% - 30px); padding-left: 30px; padding-top: 70px; }
.tasarimText strong { font-size: 60px; line-height: 65px; }
.icDetay { margin-left: 8%; width: 65%; }
.detay-p p { font-size: 18px; padding-bottom: 20px; line-height: 28px; }
.benzerOdaTitle { }
.benzerOda { margin-left: 70px; margin-bottom: 0px; }
.benzerOda ul li { margin-bottom: 30px; }
.detay-p strong { font-size: 20px; padding-bottom: 5px; }
.paylas { right: 1%; }
.ic-headTitle { left: 8%; font-size: 70px; }
.detayYap { display: none; }
.ic-headTitle.icTitle2 { left: 2%; line-height: 49px; }
.ic-headTitle span { font-size: 35px; }
.sanalTik {/* width: 11%; */ bottom: 6%; }
.sanalTik span { width: 45px; right: 10px; }
.sanalTik:hover span { right: 30px; }
.homeBg { height: 770px; }
}

@media only screen and (max-width: 1650px) {
.tasarladikLeft {
    height: 590px;
}
.logo { width: 140px; }
.header { height: 95px; }
.menu { padding-left: 30px; }
.menu ul li a { font-size: 15px; padding: 0px 10px; }
a.bilgForm { margin-left: 30px; padding: 8px 20px; font-size: 14px; }
.homeBg { height: 650px; }
.container { width: 90%; }
.dortmevsim p { font-size: 35px; line-height: 35px; }
.dortmevsim p i { width: 25px; }
.dortmevsim { padding: 30px 0px; margin-bottom: 20px; }
.dortmevsim::before { left: 10px; right: 10px; bottom: 10px; top: 10px; }
.yasamTitle { font-size: 70px; }
.gokOdaLeft { width: 50%; }
.gokOdaBg { width: calc(50% - 15px); margin-left: 15px; margin-top: 0; }
.gokOdaTitle { font-size: 50px; }
.gokOda p { font-size: 20px; line-height: 28px; }
.gokOdaBg.ciftOdaBg { margin-left: 0px; width: calc(50% - 15px); margin-right: 15px; }
.gokOdaLeft.ciftOdaLeft { width: 50%; }
.digerOda a { font-size: 19px; border: solid 3px #2d3942; padding: 10px 30px; }
.digerOda a i { width: 15px; }
.tasarlaTitle { font-size: 70px; margin-top: 30px; margin-bottom: 10px; }
.tasarim { width: 90%; }
.tasarimBg { width: 60%; height: 350px; }
.tasarimText { width: calc(40% - 45px); padding-top: 60px; }
.tasarimText strong { font-size: 48px; line-height: 55px; }
.tasarimText strong br { display: none; }
.tasarimText p { font-size: 20px; margin-top: 10px; }
.detayGor a { padding: 8px 40px; font-size: 13px; }
.peyzaj { margin-top: 40px; }
.peyzajSlide { margin-top: 30px; }
.peyzajTitle { font-size: 70px; }
.peyzajIc { height: 450px; }
.peyzaj-p strong { font-size: 40px; line-height: 40px; }
.peyzaj-p { padding-top: 50px; padding-left: 40px; }
.peyzaj-p p { padding-top: 50px; font-size: 15px; line-height: 28px; }
.peyzajIc span { font-size: 140px; top: -15px; }
.iletisimContainer { width: 90%; margin-top: 40px; }
.iletisim { width: 87%; margin-bottom: 40px; }
.iletisimIc { padding-left: 50px; padding-top: 40px; padding-bottom: 40px; }
.iletisimForm { width: 55%; margin-top: 20px; }
.contact_form LI { width: calc(268px - 10px); margin-bottom: 5px; }
.contact_form .form-text, .contact_form .form-textarea { }
.form-submit { width: 160px; height: 55px; font-size: 19px; }
.social ul li { margin-right: 10px; }
.social { margin-top: 15px; }
.maps { width: 50%; height: 540px; top: 25px; right: -90px; }
.footerLeft { padding-left: 30px; }
.copyright { padding-left: 25px; font-size: 12px; }
.footerRight { padding-right: 40px; }
.footerTel { padding-left: 20px; }
.gizlilik { padding-right: 20px; font-size: 12px; }
.adres { }
.adres strong { font-size: 17px; }
.adres p { padding: 8px 0px; font-size: 15px; }
.tel { font-size: 20px; }
.icHeader { height: 300px; }
.ic-headBg { width: 19%; left: 2%; }
.paylas ul li a { width: 35px; }
.paylas ul li { margin-right: 5px; }
.paylas span { margin-top: 5px; }
.paylas { right: 1%; top: 35%; }
.header-fixed .logo { width: 115px; }
.header.header-fixed { height: 70px; }
.tasarladikMetin strong { font-size: 70px; }
.tasarladikMetin p { font-size: 17px; }
#detayGaleri .item .detayBg { height: 500px; }
.gokOda.bitkiPeyzaj .gokOdaBg { height: 230px; }
p.pBosluk { margin-top: 10px; }
.tasarladikMetin p span { font-size: 22px; }
.nasilTasarladikBg { height: 590px; }
.rightSlogan { width: 30%; }
.leftSlogan { width: 30%; }
}

@media only screen and (max-width:1500px) {
ul.vGaleriList li a { height: 260px; padding-top: 50px; }
ul.vGaleriList li a i { width: 70px; }
ul.vGaleriList li a strong { font-size: 27px; }
}

@media only screen and (max-width:1290px) {
.tasarimText strong { font-size: 40px; line-height: 40px; }
.iletisimForm { width: 58%; }
.menu ul li a { font-size: 14px; padding: 0px 6px; }
.menu { padding-left: 15px; }
a.bilgForm { margin-left: 15px; padding: 8px 15px; }
.paylas { top: 33%; }
.maps { right: -140px; }
}

@media only screen and (max-width:1100px) {
.header { height: 80px; }
.logo { width: 120px; }
.homeBg { height: 550px; }
.sanalTik { width: 12%; }
.dortmevsim p { font-size: 29px; }
.dortmevsim p i { width: 20px; }
.dortmevsim { padding: 20px 0px; }
.yasamTitle { font-size: 55px; }
.gokOdaTitle { font-size: 40px; }
.gokOda p { font-size: 15px; line-height: 23px; margin-top: 0px; }
.gokOdaLeft { padding-top: 0px; }
.detayBilgi { margin-top: 9px; font-size: 18px; }
.detayBilgi i { width: 45px; }
.digerOda a { font-size: 17px; padding: 7px 25px; }
.digerOda a i { width: 14px; }
.tasarlaTitle { font-size: 55px; }
.tasarimBg { width: 55%; height: 300px; }
.tasarim { width: 95%; }
.tasarimText { padding-top: 30px; width: calc(45% - 30px); }
.peyzajTitle { font-size: 54px; }
.peyzajTitle strong { padding: 0px 15px; }
.peyzaj { margin-top: 20px; }
.peyzajSlide .item { width: 33vw; }
.contact_form .form-text, .contact_form .form-textarea { height: 40px; }
.iletisimIc { padding-left: 40px; }
.iletisimForm { width: 38%; margin-top: 30px; }
.form-submit { height: 40px; }
.maps { top: 50px; right: -40px; height: 510px; width: 65%; }
.social { margin-top: 20px; }
.iletisim { margin-bottom: 25px; }
.footerLeft { padding-left: 15px; }
.footerContainer { padding: 10px; padding-bottom: 8px; }
.footerRight { padding-right: 20px; }
.copyright { width: 360px; }
.adres { }
.adres p br { display: none; }
.social ul li a { width: 35px; }
.social ul li { margin-right: 6px; }
.ic-headBg { width: 25%; }
.ic-headTitle { bottom: 35%; font-size: 65px; }
.paylas { top: 30%; }
.icDetay { margin-left: 5%; }
.benzerOda { margin-left: 50px; }
.ic-headTitle.icTitle2 { font-size: 45px; line-height: 33px; bottom: 34%; }
.ic-headTitle span { font-size: 25px; }
.contact_form LI { height: auto; }
#detayGaleri .item .detayBg { height: 400px; }
.adres { width: 40%; }
.gokOda.bitkiPeyzaj .gokOdaBg { height: 160px; }
.homeSlogan { width: 30%; }
.nasilTasarladikBg { height: 630px; }
ul.vGaleriList li a { font-size: 22px; }
ul.vGaleriList li a strong { font-size: 25px; }
}

@media only screen and (max-width:800px) {
.onyazi p {
    font-size: 15px;
}
.page-container { background: #ffffff; }
.menu { display: none; }
.mobile-menu { display: block; }
.shadowMask { position: fixed; top: 0; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.70); opacity: 0; visibility: hidden; transition: all .3s ease-in-out; z-index: 10; }
body.active { overflow: hidden; }
body.active .page-container { left: -280px; }
body.menu-visible .shadowMask { right: 240px; opacity: 1; visibility: visible; }
.menu-visible .navBar { right: 240px !important; }
.menu-visible.down .navBar { right: 240px !important; left: inherit; }
.toggle-menu { padding: 43px; padding-right: 20px; }
.mlogo { display: inline-table; float: left; width: 110px; margin-left: 20px; }
.mlogo a { display: block; }
.logo { display: none; }
.header { height: 100px; }
a.bilgForm { float: left; margin-top: 25px; margin-left: 30px; }
.homeBg { height: 460px; display: none; }
.homeSlogan { width: 29%; left: 3%; top: 11%; }
.sanalTik { width: 22%; left: 5%; bottom: 7%; }
.dortmevsim p { font-size: 24px; line-height: 25px; }
.container { width: 95%; }
.gokOda p { font-size: 14px; line-height: 23px; }
.gokOdaTitle { font-size: 35px; }
.detayBilgi { margin-top: 4px; font-size: 16px; }
.detayBilgi i { width: 39px; }
.tasarim { width: 100%; }
.tasarimText p { font-size: 17px; margin-top: 4px; }
.tasarimText strong { font-size: 35px; line-height: 35px; }
.tasarimBg { height: 250px; }
.tasarimText { padding-top: 15px; }
.tasarimRight .tasarimText { padding-right: 0px; }
.peyzajTitle { font-size: 47px; }
.peyzajTitle strong { padding: 0px 10px; }
.peyzajSlide .item { width: 50vw; }
.peyzajIc { height: 410px; }
.peyzaj-p p { font-size: 18px; line-height: 25px; }
.iletisimContainer { width: 95%; }
.iletisim { width: 100%; float: none; }
.maps { width: 400px; right: -10px; }
.copyright { width: auto; font-size: 16px; float: none; display: table; margin: auto; padding-top: 15px; padding-left: 0px; }
.footerRight { padding-top: 0; padding-bottom: 33px; float: none; display: table; margin: auto; margin-top: 10px; }
.gizlilik { font-size: 17px; }
.icHeader { height: 150px; margin-top: 90px; }
.ic-headTitle { font-size: 55px; bottom: 40%; }
.paylas { top: 10%; }
.icDetay { width: 60%; }
.detay-p p { font-size: 17px; }
.detayYap { width: 45%; bottom: 10%; }
.tasarladikMetin strong { font-size: 55px; }
.tasarladikLeft {float: none;width: 100%;height: auto;display: inline-block;}
.nasilTasarladikBg { margin-left: 0px; width: 100%; height: 470px; float: none; display: inline-block; margin-top: 20px; }
.homeBgm { display: block; position: relative; border-bottom: solid 4px #f8e889; box-sizing: border-box; }
#homeBgSlide { display: block; position: relative; }
#homeBgSlide .item .fullGorsel { position: relative; display: inline-block; width: 100%; height: 670px; background-size: cover !important; background-position: center !important; }
.owl-dots { position: absolute; display: block; bottom: 10px; left: 50%; transform: translateX(-50%); }
.owl-dots .owl-dot { position: relative; display: inline-block; width: 25px; height: 25px; background: rgba(255, 255, 255, 0.80); margin: 0px 5px; border-radius: 50px; }
.owl-dots .owl-dot.active { background: rgb(232, 216, 121); }
.tasarladikMetin { display: table; float: none; margin: auto }
.yasamTitle { margin-top: 15px; }
ul.yasamTabMenu li a { padding: 4px 0px; font-size: 17px; }
ul.yasamTabMenu { margin-bottom: 15px; }
.footerLeft { float: none; display: table; margin: auto; width: 100%; padding-left: 0px; }
.footerLogo { float: none; display: table; margin: auto; }
}

@media only screen and (max-width: 479px) {
.dortmevsim p { font-size: 20px; line-height: 23px; }
.dortmevsim::before { left: 5px; right: 5px; top: 5px; bottom: 5px; }
.mlogo { width: 85px; }
a.bilgForm { font-size: 12px; padding: 7px 14px; margin-top: 20px; }
.header { height: 80px; }
.toggle-menu { padding: 10px; padding-top: 40px; padding-right: 15px; }
.burger-lines:before, .burger-lines:after { height: 4px; top: -8px; width: 35px; }
.burger-lines { height: 4px; width: 35px; }
.burger-lines:before { top: 8px; }
.homeSlogan { width: 65%; top: 9%; width: 44%; left: 1%; }
.sanalTik { width: 22%; right: 3%; }
.homeBg { height: 400px; }
.yasamTitle { font-size: 40px; margin-bottom: 10px; }
.gokOdaBg { width: 100%; margin-left: 0px; float: none; }
.gokOdaBg ul li { margin-right: 10px; width: calc(50% - 5px); }
.gokOdaLeft { float: none; width: 100%; margin-top: 7px; }
.gokOdaBg.ciftOdaBg { float: none; width: 100%; margin-right: 0px; }
.gokOdaLeft.ciftOdaLeft { float: none; width: 100%; }
.gokOda { margin-bottom: 20px; }
.tasarlaTitle { font-size: 50px; margin-top: 30px; }
.tasarim { float: none; margin-bottom: 20px; }
.tasarimBg { float: none; width: 100%; }
.tasarimText { float: none; width: 100%; padding-left: 0px; padding: 15px; box-sizing: border-box; }
.tasarimText strong { font-size: 27px; }
.detayGor a { padding: 8px 30px; }
.tasarimRight .tasarimText { text-align: left; display: inline-block; padding: 15px; }
.tasarimRight .detayGor { float: none; }
.peyzaj { margin-top: -30px; }
.peyzajSlide { margin-top: 20px; }
.peyzajTitle strong { padding: 0px 5px; }
.peyzajSlide .item { width: 65vw; }
.peyzaj-p { padding-top: 35px; padding-left: 30px; padding-right: 30px; }
.peyzaj-p strong { font-size: 33px; line-height: 32px; }
.peyzajIc span { font-size: 100px; }
.peyzaj-p p { font-size: 15px; line-height: 21px; padding-top: 30px; }
.peyzajIc { height: 360px; }
.iletisimIc { padding: 20px; }
.iletisimForm { width: 100%; }
.contact_form LI { width: 100%; }
.form-submit { margin-right: 0px; }
.adres { right: 0; top: 0px; position: relative; display: inline-block; text-align: left; margin-top: 10px; width: 100%; }
.footerLogo { float: none; display: table; margin: auto; width: 130px; }
.footerLeft { padding-left: 0; padding-bottom: 5px; padding-top: 5px; }
.copyright { float: none; width: 100%; padding: 0px 5px; text-align: center; padding-top: 5px; font-size: 14px; }
.footerRight { padding: 0; float: none; display: table; margin: auto; padding-bottom: 10px; }
.gizlilik { padding-right: 0px; float: none; display: table; margin: auto; font-size: 14px; }
.footerTel { border: none; float: none; display: table; margin: auto; padding-left: 0px; padding-top: 15px; box-sizing: border-box; }
.maps { position: relative; display: inline-block; right: 0px; top: 0px; width: 100%; height: 300px; margin-top: 10px; }
.adres strong { font-size: 20px; }
.adres p { font-size: 17px; padding: 6px 0px; }
.iletisimTitle { font-size: 40px; }
.mobile-menu ul li a { padding: 16px; font-size: 14px; }
.icHeader { margin-top: 70px; height: 160px; }
.ic-headTitle { font-size: 40px; left: 6%; bottom: auto; top: 12%; }
.paylas span { margin-right: 0px; display: block; float: none; margin-bottom: 5px; font-size: 14px; }
.paylas { top: 0%; right: 3%; }
.paylas ul li a { width: 30px; }
.icDetay { margin-left: 0px; width: 100%; display: inline-block; float: none; padding: 10px; box-sizing: border-box; margin-top: 15px; }
.detay-p p { font-size: 15px; line-height: 25px; padding-bottom: 10px; }
.detay-p p span { font-size: 40px; }
.ic-headBg { width: 40%; }
.detayPaylas span { font-size: 15px; }
.benzerOda { margin-left: 0px; float: none; display: inline-block; width: auto; padding: 15px; padding-top: 0px; box-sizing: border-box; margin-top: 10px; }
.benzerOda ul li { position: relative; float: left; width: calc(50% - 5px); margin-right: 10px; }
.benzerOda ul li:nth-child(2n) { margin-right: 0px; }
.benzerOdaTitle { padding-bottom: 10px; font-size: 26px; }
.benzerOda ul li:last-child { margin-right: 0px; }
.detayYap { display: none; }
.detayPaylas ul li a { width: 35px; }
.detayPaylas ul li { margin-right: 5px; }
.ic-headTitle.icTitle2 { bottom: auto; font-size: 30px; width: 200px; }
.ic-headTitle span { font-size: 20px; padding-top: 3px; line-height: 20px; }
.sanalTik span { width: 35px; }
.tasarladikMetin p { font-size: 14px; padding-bottom: 0px; }
.tasarladikMetin strong { font-size: 40px; }
#detayGaleri .owl-nav { display: none; }
#detayGaleri .item .detayBg { height: 300px; }
#detayGaleri .owl-dots { display: table; margin: auto; margin-top: 6px; }
#detayGaleri .owl-dot { position: relative; width: 45px; height: 10px; margin: 0px 3px; display: inline-block; background: #52ba84; border-radius: 30px; transition: 300ms; }
#detayGaleri .owl-dot.active { background: #177142; width: 30px; transition: 300ms; }
div#detayGaleri { margin-bottom: 15px; }
.gokOda.bitkiPeyzaj .gokOdaBg { width: 100%; }
.gokOda.bitkiPeyzaj .gokOdaLeft { width: 100%; }
.tasarladikMetin p span { font-size: 18px; }
.nasilTasarladikBg { height: 260px; }
#homeBgSlide .item .fullGorsel { height: 450px; }
.slogan-m { top: 0; width: 45%; }
.owl-dots .owl-dot { width: 17px; height: 17px; margin: 0px 2px; }
ul.yasamTabMenu li a { font-size: 15px; width: 120px; }
ul.yasamTabMenu li { margin-right: 8px; }
ul.vGaleriList li { float: none; width: 100%; margin-bottom: 11px; }
ul.vGaleriList li a { height: 200px; padding-top: 49px; font-size: 20px; background-size: cover !important; }
ul.vGaleriList li a i { width: 16%; margin: 0 auto 11px; }
}

@media only screen and (max-width: 390px) {
.homeSlogan { width: 45%; }
.dortmevsim p { font-size: 20px; width: 90%; }
.tasarimBg { height: 200px; }
.gokOda p { line-height: 20px; }
.tasarlaTitle { font-size: 40px; }
.tasarimRight .tasarimText { }
.tasarimText strong { font-size: 25px; line-height: 29px; }
.detayGor a { padding: 8px 25px; }
.adres p { font-size: 16px; padding: 3px 0px; }
.ic-headTitle { font-size: 35px; }
.detay-p p { font-size: 14px; line-height: 23px; }
.benzerOda ul li a p { font-size: 12px; }
.ic-headTitle { width: 150px; }
ul.vGaleriList li a strong { font-size: 20px; }
}

@media only screen and (max-width: 360px) {
.mlogo { margin-left: 10px; width: 80px; }
a.bilgForm { margin-left: 15px; padding: 7px 10px; margin-top: 20px; }
.dortmevsim p { font-size: 17px; line-height: 20px; }
.homeSlogan { width: 53%; }
.sanalTik { width: 25%; }
.yasamTitle { font-size: 35px; }
.tasarimText { padding: 10px; }
.tasarimText strong { font-size: 24px; line-height: 26px; }
.tasarimText p { font-size: 15px; }
.detayGor { margin-top: 15px; }
.detayGor a { padding: 5px 20px; font-size: 12px; }
.detayGor a i { top: 3px; }
.peyzajIc { height: 300px; }
.peyzaj-p p { padding-top: 15px; font-size: 14px; line-height: 20px; }
.peyzaj-p { padding: 15px; }
.peyzaj-p strong { font-size: 25px; line-height: 27px; }
.digerOda a i { width: 12px; margin-left: 5px; }
.iletisimTitle { font-size: 35px; }
.social { margin-top: 10px; }
.iletisimForm { margin-top: 20px; }
.adres p { font-size: 14px; }
.maps { height: 250px; }
.iletisim { margin-bottom: 10px; }
.copyright { font-size: 12px; }
.gizlilik { font-size: 12px; }
.ic-headTitle { font-size: 35px; line-height: 35px; top: 10%; }
.icDetay { margin-top: 0px; }
.detay-p p { line-height: 18px; }
.benzerOdaTitle { font-size: 21px; }
.benzerOda ul li a strong { font-size: 15px; }
.benzerOda { padding: 10px; }
.benzerOda ul li a p { font-size: 11px; }
.benzerOda ul li { margin-bottom: 15px; }
.ic-headTitle.icTitle2 { left: 0%; width: 170px; font-size: 25px; }
.ic-headTitle span { font-size: 17px; }
.sanalTik span { width: 30px; }
.tasarladikMetin strong { font-size: 35px; }
}
