İletişim bilgileri

.magazalar ul {list-style: none;padding: 0;} .magazalar ul li { float: left; width: 100%; border: 1px solid #e4e4e4; margin-bottom: 50px; /*max-height: 260px;*/ } .magazaimg { float: left; width: 25%; } .magazaimg img { max-height: 223px; } .magazaorta { float: left; width: 50%; padding: 20px; } .magazaorta .moLeft { width: 60%; float: left; } .magazaorta .moLeft h2 { font-size: 18px; color: #404040; font-weight: bold; margin-bottom: 10px; } .magazaorta .moLeft p { font-size: 1rem; color: #404040; margin-bottom: 10px; padding-right: 30px; } .magazaorta .moLeft p a { text-decoration: none; color: #404040; font-size: 1rem; } .magazaorta .moRight { width: 40%; float: left; } .magazaorta .moRight a { display: block; text-align: center; border-radius: 3px; } .magazaorta .moRight a:first-child { border: 3px solid #f3e5da; color: #404040; line-height: 42px; font-size: 18px; margin-bottom: 30px; } .magazaorta .moRight a.yoltarifi { background: #deb98d; color: #fff; line-height: 42px; font-size: 18px; } .magazasag { float: left; width: 25%; } @media screen and (min-width:767px) { .magazaimg img { position: relative; top: 0px; } } @media screen and (max-width:767px) { .magazalar { padding-top: 90px;} .magazaimg { width: 100%; } .magazaorta { width: 100%; } .magazasag { width: 100%; } .magazaimg img { max-height: 100%; } .magazalar ul li { max-height: 100%; } .magazaorta .moLeft { width: 100%; } .magazaorta .moRight { width: 100%; } .magazaorta .moRight a:first-child { margin-bottom: 10px; } }