ol,ul {list-style:none; margin:0px; padding:0px; } .price-head h1 {text-align:center; margin-top:2em; font-size:3em; color:#fff; } .price-head h3 {color:#404042; font-size:3em; text-decoration:none; font-weight:700; } .pricing-grid1,.pricing-grid2,.pricing-grid3 {width:32%; margin-top:15px; float:left; text-align:center; margin-right:2%; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; padding:0; border:none; border-radius:0.7em; -webkit-border-radius:0.7em; -o-border-radius:0.7em; -moz-border-radius:0.7em; } .pricing-grid3 {margin-right:0; } .pricing-grid1:hover,.pricing-grid2:hover,.pricing-grid3:hover {transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); z-index:1; border:none; } .pricing-grid1:nth-child(3) {margin-right:0; } .price-value h2 a,.price-value.two h3 a,.price-value.three h4 a {font-size:1.5em; color:#fff; } .price-value,.price-value.two,.price-value.three {background:#512884; padding-top:10px padding:2.8em 1.8em 2em; border-bottom:2px solid#ffd500; border-top-left-radius:0.7em; -webkit-border-top-left-radius:0.7em; -o-border-top-left-radius:0.7em; -moz-border-top-left-radius:0.7em; border-top-right-radius:0.7em; -webkit-border-top-right-radius:0.7em; -o-border-top-right-radius:0.7em; -moz-border-top-left-radius:0.7em; position:relative; } .price-value.two {background:#2b2b33; border-bottom:2px solid#fd6e70; } .price-value.three {background:#e2ae2b; border-bottom:2px solid black; } .price-value ul,.pricing-grid1 ul,.pricing-grid2 ul,.pricing-grid3 ul {padding:0; } .price-value ul li,.pricing-grid1,.pricing-grid2 ul li,.pricing-grid3 ul li {list-style:none; } .price-value ul li {list-style:none; } .price-value h5 span {color:#fbd707; font-size:19px; } .price-value lable {color:#817d94; font-size:17px; } .price-value.two h5 span {color:#fe6d72; } .price-value.two h5 lable {color:#8c8c94; } .price-value.three h5 span {color:#3d3f3f; } .price-value.three h5 lable {color:#9CF7F8; } .price-value h5 {padding:11px 0; } .sale-box,.sale-box.two,.sale-box.three {position:absolute; top:0; overflow:hidden; height:130px; width:143px; text-align:center; z-index:0; right:0; border-top-right-radius:0.7em; -o-border-top-right-radius:0.7em; -moz-border-top-right-radius:0.7em; -webkit-border-top-right-radius:0.7em; } .pricing-grid1 ul li a,.pricing-grid2 ul li a,.pricing-grid3 ul li a {color:#C7C4C4; font-size:15px; text-align:center; display:block; padding:2px 0; text-decoration:none; font-weight:400; } .pricing-grid1 ul li.whyt a,.pricing-grid2 ul li.whyt a,.pricing-grid3 ul li.whyt a {background:#f4f4f4; } .pricing-grid1:hover div.price-bg ul li a,.pricing-grid1:hover div.price-value h3 a {color:#512884; } .pricing-grid2:hover div.price-bg ul li a,.pricing-grid2:hover div.price-value h3 a {color:#fa6e6f; } .pricing-grid3:hover div.price-bg ul li a,.pricing-grid3:hover div.price-value h3 a {color:#e2ae2b; } .price-bg {background:#fff; } .price-bg ul {padding:0; } .price-bg ul li {list-style:none; } .cart1,.cart2,.cart3 {padding:2.7em 0em 2.7em; display:block; border-bottom:2px solid#ffd500; } .cart2 {border-bottom:2px solid#f96d70; } .cart3 {border-bottom:2px solid#e2ae2b; } .cart1 a,.cart2 a,.cart3 a {color:#FFF; font-size:0.9em; font-weight:500; padding:0.8em 2em; text-decoration:none; background:#f7d30b; text-transform:uppercase; -webkit-appearance:none; border-radius:1em; -webkit-border-radius:1em; -o-border-radius:1em; -moz-border-radius:1em; outline:none; } .cart2 a {background:#fa6e6f; } .cart3 a {background:#e2ae2b; } .cart1 a:hover,.cart2 a:hover,.cart3 a:hover {color:#2b2b33; } @media(max-width:1366px) {.pricing-grid1 ul li a,.pricing-grid2 ul li a,.pricing-grid3 ul li a {font-size:17px; } } @media(max-width:1024px) {.pricing-grid1 ul li a,.pricing-grid2 ul li a,.pricing-grid3 ul li a {font-size:15px; } .price-value,.price-value.two,.price-value.three {} .price-value h2 a,.price-value.two h3 a,.price-value.three h4 a {font-size:1em; } .price-head h1 {margin-top:1em; font-size:2em; } .pricing-grids {margin:8% 0; } } @media(min-width:768px) {#duzelt{padding-left: 50px; } } @media(max-width:768px) {.pricing-grid1 h3 a,.pricing-grid2 h3 a,.pricing-grid3 h3 a {padding:0.4em 1em; font-size:0.7em; } .pricing-grid1,.pricing-grid2,.pricing-grid3 {width:55%; float:none; text-align:center; margin:1em auto; } .price-head h1 {margin-top:1em; font-size:2.4em; } .cart1,.cart2,.cart3 {padding:2em 0em 2em; } } @media(max-width:640px) {.pricing-grid1 ul li a,.pricing-grid2 ul li a,.pricing-grid3 ul li a {font-size:15px; } .pricing-grid1,.pricing-grid2,.pricing-grid3 {width:65%; float:none; text-align:center; margin:1em auto; } .pricing-grid1 ul li a,.pricing-grid2 ul li a,.pricing-grid3 ul li a {font-size:12px; padding:13px 0; } } @media(max-width:480px) {.pricing-grid1,.pricing-grid2,.pricing-grid3 {width:81%; } .price-head h1 {margin-top:1em; font-size:2.1em; } } @media(max-width:320px) {.pricing-grid1,.pricing-grid2,.pricing-grid3 {width:100%; margin-right:0; } .price-value h2 a,.price-value.two h3 a,.price-value.three h4 a {font-size:1.2em; jjj } .price-value h5 span,.price-value lable {font-size:16px; } .price-head h1 {margin-top:1em; font-size: 1.5em; } } @media only screen and (max-width: 799px) {img {height: 100% !important;width: : 100% !important;} td {width: 100% !important;height: 100%!important} } @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {table, thead, tbody, th, td, tr {display: block;} /*tablomuzun thead gizliyoruz*/ table thead tr {position: absolute; top: -9999px; left: -9999px; } table tr { border: 1px solid #ccc; } table td {border: none; border-bottom: 1px solid #eee; position: relative; width: 350px !important; } table td img{width: 100% !important; } /*Burada td:before data-title ların css'i oluyor*/ table td:before {position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight:bold; } /*data-title valulerini alarak sütünümuza eklemiş oluyoruz*/ table td:before { content: attr(data-title); } } td {width: 180px;}