@media only screen and (min-width: 1600px) {
    .daire {
    /* width: 100%; */
    /* margin-top: 0; */
}
.iletisim {margin-top: .5%;width: 18%;}
.sosyal {margin-top: -0.5%;width: 7%;margin-left: 0;text-align: center;}
.adres {margin-top: 0%;}
.ofis { margin-top: 1%; }
.sosyal { }
.adres p {font-size: 14px;}
.ofis p { font-size: 20px; }
p.fo {font-size: 16px;}
.patlangac {width: 44%;margin-left: 0%;margin-top: 13%;}
.section1_text ul li {font-size: 22px;line-height: 50px;margin-left: 13px;}
.f-sol {width: 100%;font-size: 55px;PADDING-RIGHT: 0;}
.f-sag { width: 40%; }
.galeri li:nth-child(4) span.mavi { padding-left: 110px; line-height: 24px; background-position: right 100px center; }
.galeri li:nth-child(5) span.mavi { padding-left: 100px; line-height: 22px; background-position: right 90px center; }
#section0{
    
/* position: relative; */
    
/* z-index: 1; */
    
/* height: 100%; */
    
/* background: url(../images/bg.jpg); */
    
/* background-size: cover; */
    
/* background-repeat: no-repeat; */
    
background-position: 100% 0;
    
/* float: left; */
    
/* width: 100%; */
}
}

@media(min-width:1400px) and (max-width:1550px) {

}
@media (max-width: 1400px) and (min-width: 1200px)
{
    .slogan{
        
right: 24vw;
        
top: 34vh;
    }
.daire{
    top: -40px;
    left: 0px;
}
    .daire img{
    width: 40%;
    }



.markalar {
    width: 30%;
    left: 0;
    bottom: 0;
    max-height: 100%;
    height: 48%;
    width: auto;
    max-width: none;
}
}
@media(min-width:1025px) and (max-width:1200px) {
.pad { padding: 3px 10px; }
.tel a { font-size: 20px; }
.weblink a { font-size: 11px; }
.iletisim {width: 23%;margin-top: 2%;}
.adres{margin-top: 1%;}
.weblink{margin-top: 1%;}
.sosyal {width: 8%;margin-top: 0%;}
.adres p { font-size: 12px; }
.ofis p { font-size: 12px; }
.galeri li:nth-child(4) span.mavi { padding-left: 20px; }
.galeri li:nth-child(5) span.mavi { padding-left: 20px; background-position: right 40px center; }
.markalar {
    width: 62%;
    right: 0;
}
.section1_text{width:55%;}
.gal {width:45%}
}

@media(min-width:991px) and (max-width:1024px) {
.daire {/* margin-top: 8%; */width: 122%;top: 327px;left: 63px;}
.patlangac { margin-top: 16%; }
.pad { padding: 3px 10px; border-top: 1px solid #fff; }
.info { margin-top: 1%; width: 19% !important; }
.tel { }
.tel a {font-size: 16px;}
.iletisim{width: 25%;margin-top:2%;}
.sosyal {width: 9%;}
.weblink{margin-top:2%;}
.weblink a { font-size: 14px !important; }
.ft-sec p { font-size: 11px; }
.ft-sec {/* width: 23% !important; */ }
p.fo { font-size: 10px; }
.f-sag { width: 30%; }
.slider { margin-top: 4%; }
.section1_text ul li {font-size: 13px;line-height: 40px;}
.galeri LI span { font-size: 14px !important; }
.galeri li:nth-child(4) span.mavi { padding-left: 40px; line-height: 24px; background-position: right 30px center; }
.galeri li:nth-child(5) span.mavi { padding-left: 36px; line-height: 22px; background-position: right 30px center; }
.sosyal img { width: 100%; }
.sosyal a { margin-left: 1px; }
.adres p {font-size: 12px;}
.ofis p { font-size: 10px; }
.adres {width: 39%;margin-top: 1%;}
.ofis { margin-left: 1%; }
#section0{/* background-position:70% 0 !important; */}
.bilimlogo{


    
}
.markalar{
    
width: 39%!important;
    
max-height: 100%;
    
height: 35%;
    
width: auto;
    
max-width: none;
}
.slogan {
    width: 29%;
    left: 123px;
    top: 28px;
}
.section1_text{width:55%;}
.gal {width:45%}
}

@media(min-width:896px) and (max-width:990px) {
.daire {/* margin-top: 8%; *//* width: 47%; */}
.patlangac { margin-top: 16%; }
.pad { padding: 3px 10px; border-top: 1px solid #fff; }
.info { margin-top: 1%; width: 19% !important; }
.tel { }
.tel a { font-size: 18px; }
.sosyal {width: 9%;margin-top: 2%;}
.weblink a { font-size: 10px !important; }
.ft-sec p { font-size: 11px; }
.ft-sec {/* width: 23% !important; */ }
p.fo {font-size: 12px;}
.f-sag { width: 30%; }
.slider { margin-top: 4%; }
.section1_text ul li {font-size: 11px;line-height: 30px;}
.galeri LI span { font-size: 14px !important; }
.galeri li:nth-child(4) span.mavi { padding-left: 40px; line-height: 24px; background-position: right 30px center; }
.galeri li:nth-child(5) span.mavi { padding-left: 36px; line-height: 22px; background-position: right 30px center; }
.sosyal img { width: 75%; }
.sosyal a { margin-left: 1px; }
.adres p {font-size: 12px;}
.ofis p { font-size: 10px; }
.adres {width: 35%;margin-top: 3%;}
.ofis { margin-left: 1%; }
.iletisim {margin-top: 3%;width: 26%;}
.weblink{margin-top:3%;}
.slogan,
.markalar {
    width: 63%;
    right: 0;
}
}

@media only screen and (max-width: 895px) {
#section0 {
    position: relative;
    height: auto!important;
    background-size: cover;
    /* padding-bottom: 199px; */
    /* padding-top: 154%; */
    background-position: inherit;
}        #section0 {

background: url(../images/mobilbg.jpg);

background-size: cover;
}


.owl-pat {height: auto !important;display: inline-block;}
.daire {box-sizing: border-box;position: relative;height: auto;width: 100%;display: none;text-align: center;}
.daire img{
    height: auto;
}
.daire img:first-child
{
    display:none;
}
.daire img:last-child
{
    width:100%;
    padding-bottom: 5%;
    display:block !important;
}
.daire img:nth-child(2)
{
    padding: 0 9% 5% 9%;
    display:block !important;
    width: inherit;
}
.iletisim {width: auto;float: none;display: table;margin: 0 auto;text-align: center;border: none;}
.sosyal {float: none;margin-left: 0;display: block;margin: 0 auto 0;width: 21%;text-align: center;}
.sosyal ul{display:none;}
.adres {float: none;width: 100%;padding-right: 0;border: none;margin-top: 20px;margin-left: 0;}
.weblink{float:none;text-align: center;width: 100%;margin-left: 0;padding: 0;margin-top: 0%;}
.ofis { margin-left: 0; width: 100%; float: none; margin: 10px auto; }
.ofis p { text-align: center; font-size: 16px; }
.adres p { text-align: center; font-size: 16px; margin: 10px auto; }
.adres p strong{border:none;}
.iletisim tel { display: table; margin: 0 auto; }
.sosyal a { margin: 0; }
.yukseklik { height: auto; }
#section3 { background: url(http://www.dormenyapi.com.tr/landing/assets/images/yasam-bg.jpg) top center no-repeat; background-size: cover; }
#section2 {/* background: url(../images/bg-proje.jpg) top center no-repeat; */background-size: cover;}
.pad {padding: 10px;display: block;box-sizing: border-box;height: auto;}
.section { height: auto !important; }
.m-logo img { width: 60%; }
#section3 .proje-sol { display: none; }
.buyuk-sag { display: none; }
.buyuk { display: none; }
.firsat { position: relative; width: 100%; right: 0; top: 0; box-sizing: border-box; background: #213e71; border-bottom: 2px solid #fff; padding: 20px; }
div#sync1 { display: inline-block; }
.bg-content2 { position: relative; left: 0px; display: inline-block; width: 100%; margin-bottom: 20px; margin-top: 0px; }
.gallery_wrapper { position: relative; right: 0px; bottom: 0px; width: 100%; display: inline-block; overflow: hidden; top: 0px; }
#sync2 { display: none !important; }
.pat3 { position: relative; left: 0px; bottom: 0px; margin: 0 auto 40px; width: 70%; }
.logo {/* display: block; *//* height: auto; *//* margin-top: 5%; */}
.logo-m { position: absolute; top: 100px; left: 30px; width: 300px; display: block; }
#section0 {position: relative;height: auto!important;background-size: cover;padding-top: 125%;background-position: center center;}
.wrapper, .section {position: relative;top: auto;bottom: auto;left: auto;right: auto;float: left;width: 100%;z-index: 0!important;box-sizing: bo;box-sizing: border-box;}
.form-holder {position: relative;top: auto;bottom: auto;left: auto;right: auto;float: left;width: 100%;/* display: block; */padding: 10% 20px;z-index: 2;}
.form-inner { display: block; max-width: 320px; margin: auto; }
.section1_text, .section2_text {/* float: left; */padding: 20px;width: 100%;display: block;/* border-top: 1px solid #715850; */padding-top: 10px;display: table;box-sizing: border-box;}
ul.gallery li { float: left; width: 31%; box-sizing: border-box; margin: 1%; border: none !important; }
.f_title { display: table; margin: auto; float: none; width: auto; border: none; padding: 0; }
.pat1, .pat2, .patlangac_alt { width: auto; }
.patlangac_alt { position: relative; bottom: auto; right: auto; background: #222; padding: 7%; padding-top: 1%; }
.section1_text h2.extrabold, .section2_text h2.extrabold { font-size: 30px; display: block; margin: 0 auto; text-align: center; }
.copyright br, a.downbtn { display: none; }
.yasambasladi { display: none; }
.yasambasladi-mobil { display: block; position: absolute; top: 18%; z-index: 2; left: 20px; width: 47%; }
.section2_text ul li { border-bottom: 1px dotted rgba(230, 235, 240, 0.53); }
.section1_text ul li {/* border-bottom: 1px dotted rgba(230, 235, 240, 0.53); */line-height: 30px;font-size: 16px;}
div#section5 { max-height: 100%; }
section.social-app a { padding: 5px 10px; }
.y-alti { width: 180px; left: 50%; margin-left: -90px; }
.m-logo { display: block; box-sizing: border-box; padding: 20px; text-align: center; background: #213e71; }
ul.ozellikler {margin-top: 0;width: 45%;}
ul.ozellikler-2 {width: 45%;margin-top: 0;}
a.fancybox_iframe { }
.kroki { width: 100%; margin-left: 0; text-align: center; margin: 10px auto 0; }
p.fo { margin-top: 5px; box-sizing: border-box; font-size: 12px; text-align: center; }
section.kroki a { display: block; }
.gal { float: none; width: 100%; }
.galeri { padding: 10px; box-sizing: border-box; }
.gal-inner {/* display: table; */margin: 0 auto;}
.slider { }
.slider { width: 100%; margin-left: 0; padding: 10px; box-sizing: border-box; }
.patlangac { margin-left: 0; width: 100%; margin-bottom: 4%; box-sizing: border-box; padding: 10px; }
.f-sol { width: 100%; text-align: center; margin-top: 20px; font-size: 35px; margin-left: 0; text-align: center !important; padding-right: 0; }
.f-sag { float: none; width: 50%; }
.galeri li:nth-child(4) span.mavi {padding-left: 107px;background-position: right 60px center;font-size: 18px !important;}
.galeri li:nth-child(5) span.mavi {padding-left: 90px;font-size: 20px !important;background-position: right 44px center;background-size: 38%;}
.slogan{
    left:0;
    right:0;
    text-align:center;
    width:100%;
    position: relative;
    display: none;
}
.bilimlogo{
    display:none;
}
.markalar{
    position:relative;
    left: 0;
    right: 0;
    width: 34%;
    display: none;
}
}

@media only screen and (max-width: 479px) {
    .sosyal { float: none; margin-left: 0; display: block; margin: 20px auto 0; width: 40%; }
.galeri li:nth-child(4) span.mavi { padding-left: 30px; background-position: right 30px center; font-size: 18px !important; }
.galeri li:nth-child(5) span.mavi { padding-left: 10px; font-size: 20px !important; background-position: right 24px center; background-size: 38%; }
#section0
{
    /* background: url('../images/bg-m.jpg'); */
    /* background-size: 100%; */
}
}

@media only screen and (max-width: 375px) {
.sosyal { width: 44%; }
.galeri li:nth-child(4) span.mavi { padding-left: 20px; background-position: right 30px center; font-size: 18px !important; }
.galeri li:nth-child(5) span.mavi { padding-left: 10px; font-size: 18px !important; background-position: right 20px center; background-size: 38%; }
.gal-inner ul{
    width: 100% !important;
    margin: 0;
}
}

@media only screen and (max-width: 320px) {
.galeri li:nth-child(4) span.mavi { padding-left: 20px; background-position: right 13px center; font-size: 18px !important; }
.galeri li:nth-child(5) span.mavi { padding-left: 10px; font-size: 17px !important; background-position: right 3px center; background-size: 47%; }
.sosyal {float: none;margin-left: 0;display: block;margin: 0px auto 0;width: 60%;}
}

@media only screen and (max-height:700px)
{
    .mevsimlogo img
    {
        width: 100%;
    }
    .incilogo {
    padding: 5% 0;
    width: 34%;
    margin: 0 auto;
}
}
@media only screen and (max-height:650px)
{
 
    .incilogo {
    padding: 5% 0;
    width: 34%;
    margin: 0 auto;
}
}


@media (max-width: 1440px) and (min-width:1400px){
.daire{

width: 100%;

top: 10vh;
}

.daire img{width: 28%;}

.slogan{

}

.slogan img{

}

.markalar{

}
.markalar img{
    
}




}

@media (max-width:1600px) and (min-width:1440px){

.daire{

width: 100%;

top: 10vh;
}

.daire img{width: 30%;}

.slogan{

}

.slogan img{

}

.markalar{

}
.markalar img{
    
}




}


@media (max-width:1200px) and (min-width:1024px){

 

.daire img{width: 34vw;}

.slogan{

}

.slogan img{

}
 



}