body{background:#f9f9f9;}

#odalar{margin:0 0 50px 0;}

  #odalar .grid{display:grid;grid-template-columns:280px 1fr;grid-gap:30px;}
    #odalar .grid .s{}
    #odalar .grid .s.s1{padding:30px 25px;background:#fff;}
      #odalar .grid .s.s1 .nav{}
        #odalar .grid .s.s1 .nav .title{font-size:2.3rem;color:#000;font-family:'yeseva';text-align:center;}
        #odalar .grid .s.s1 .nav .links{margin:40px 0 0 0;font-family:'playfair';}
          #odalar .grid .s.s1 .nav .links div{margin:0 0 20px 0;}
            #odalar .grid .s.s1 .nav .links a{transition:400ms color;}
            #odalar .grid .s.s1 .nav .links a:hover{color:var(--golden1);}
    #odalar .grid .s.s2{}
      #odalar .grid .s.s2 .content{line-height:140%;}
        #odalar .grid .s.s2 .content img{max-width:100%;height:auto;}
        #odalar .grid .s.s2 .content p{margin:0 0 20px 0;}
        #odalar .grid .s.s2 .content ul{padding:0 0 0 25px;list-style:circle;column-count:3;}
@media only screen and (max-width:1000px){
  #odalar .grid{display:grid;grid-template-columns:1fr;grid-gap:40px;}
  #odalar .grid .s.s2 .content ul{list-style:circle;column-count:1;}
}



#oda{margin:0 0 50px 0;}

  #oda .grid{display:grid;grid-template-columns:280px 1fr;grid-gap:30px;}
    #oda .grid .s{}
    #oda .grid .s.s1{padding:30px 25px;background:#fff;}
      #oda .grid .s.s1 .nav{}
        #oda .grid .s.s1 .nav .title{font-size:2.3rem;color:#000;font-family:'yeseva';text-align:center;}
        #oda .grid .s.s1 .nav .links{margin:40px 0 0 0;font-family:'playfair';}
          #oda .grid .s.s1 .nav .links div{margin:0 0 20px 0;}
            #oda .grid .s.s1 .nav .links a{transition:400ms color;}
            #oda .grid .s.s1 .nav .links a:hover{color:var(--golden1);}
    #oda .grid .s.s2{}
      #oda .grid .s.s2 .content{margin:0 0 60px 0;}
      #oda .grid .s.s2 .images{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;}
        #oda .grid .s.s2 .images a.item{
          position:relative;padding-top:80%;
        }
          #oda .grid .s.s2 .images a.item img{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;}
@media only screen and (max-width:1000px){
	#oda .grid{display:grid;grid-template-columns:1fr;grid-gap:40px;}
}