@media(max-width:1023px) {   

.residence_odabg {

    float: left;

    width: 100%;

    height: auto;

    padding-top: 75px;

    padding-bottom: 75px;

    background: #fff;

}



.residence_odabg_baslik {

    float: left;

    width: 100%;

    height: auto;

    text-align: center;

}



.residence_odabg_baslik {

    float: left;

    width: 100%;

    height: auto;

    font-family: 'Poppins', sans-serif;

}



.residence_odabg_baslik h1{

    float: left;

    width: 100%;

    height: auto;

    margin-top: 0px;

    margin-bottom: 0px;

    font-size: 14px;

    text-align: center;

    font-weight: 300;

    color:#8b8b8b;

    letter-spacing: 3px;

}



.residence_odabg_baslik h2{

    float: left;

    width: 100%;

    height: auto;

    margin-top:5px;

    margin-bottom: 0px;

    font-size:35px;

    text-align: center;

    font-weight:700;

    color:#2c2f33;

}



.residence_odabg_baslik h3{

    float: left;

    width: 100%;

    height: auto;

    margin-top:5px;

    margin-bottom: 0px;

    font-size:15px;

    text-align: center;

    font-weight:400;

    color:#777777;

    line-height: 22px;

}



.residence_odabg_oda {

    float: left;

    width: 100%;

    height: auto;

    margin-top:60px;

}



.residence_odabg_odaliste {

    float: left;

    width: 100%;

    margin-bottom: 15px;

}



.residence_odabg_odaliste_resim {

    float: left;

    width: 100%;

    background: transparent;

    height: auto;

    overflow: hidden;

    position: relative;

}



.residence_odabg_odaliste_resim img{

    width: 100%;

    max-width:none;

}



.residence_odabg_odaliste_baslik {

    float: left;

    width: 100%;

    margin-top: 10px;

    height: auto;



}



.residence_odabg_odaliste_baslik h1{

    float: left;

    width: 100%;

    height: auto;

    margin-top:0px;

    margin-bottom: 0px;

    font-size:21px;

    text-align: center;

    font-weight:400;

    color:#333;

}



.residence_odabg_odaliste_baslik h2{

    float: left;

    width: 100%;

    height: auto;

    margin-top: 0px;

    margin-bottom: 0px;

    font-size: 14px;

    text-align: center;

    font-weight: 300;

    color:#333;

    letter-spacing: 3px;

}



}

   

@media(min-width:1024px) {   

.residence_odabg {

    float: left;

    width: 100%;

    height: auto;

    padding-top: 75px;

    padding-bottom: 75px;

    background: #fff;

}



.residence_odabg_baslik {

    float: left;

    width: 100%;

    height: auto;

    text-align: center;

}



.residence_odabg_baslik {

    float: left;

    width: 100%;

    height: auto;

    font-family: 'Poppins', sans-serif;

}



.residence_odabg_baslik h1{

    float: left;

    width: 100%;

    height: auto;

    margin-top: 0px;

    margin-bottom: 0px;

    font-size: 14px;

    text-align: center;

    font-weight: 300;

    color:#8b8b8b;

    letter-spacing: 3px;

}



.residence_odabg_baslik h2{

    float: left;

    width: 100%;

    height: auto;

    margin-top:5px;

    margin-bottom: 0px;

    font-size:35px;

    text-align: center;

    font-weight:700;

    color:#2c2f33;

}



.residence_odabg_baslik h3{

    float: left;

    width: 100%;

    height: auto;

    margin-top:5px;

    margin-bottom: 0px;

    font-size:15px;

    text-align: center;

    font-weight:400;

    color:#777777;

    line-height: 22px;

}



.residence_odabg_oda {

    float: left;

    width: 100%;

    height: auto;

    margin-top:60px;

}



.residence_odabg_odaliste {

    float: left;

    width: 100%;

    margin-bottom: 15px;

}



.residence_odabg_odaliste_resim {

    float: left;

    width: 100%;

    background: #d5d5d5;

    height: 400px;

    overflow: hidden;

    position: relative;

}



.residence_odabg_odaliste_baslik {

    float: left;

    width: 100%;

    margin-top: -60px;

    height: 60px;

    padding:0px;

    font-family: 'Poppins', sans-serif;

    position: relative;

    background: black;

}



.residence_odabg_odaliste_baslik h1{

float: left;
    width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    color: #fff;

}



.residence_odabg_odaliste_baslik h2{

    float: left;

    width: 100%;

    height: auto;

    margin-top: 0px;

    margin-bottom: 0px;

    font-size: 14px;

    text-align: center;

    font-weight: 300;

    color:#fff;

    letter-spacing: 3px;

}



}