@import url(https://fonts.googleapis.com/css?family=Gentium+Basic:400,700|Libre+Franklin:300,400,500);@charset "utf-8";body{margin:0 0 0 0;padding:0 0 0 0;background-color:#000;font-family:'Libre Franklin',sans-serif;font-weight:400;line-height:26px}.wapper{width:1092px;margin:auto;height:auto}.allmodel{width:100%;float:left;height:auto}.hdbox{width:100%;float:left;height:auto;border-bottom:solid 2px #5a5a59;padding-bottom:10px;margin-bottom:20px;margin-top:20px}.left{width:99%;height:33px;font-size:37px;color:#000;font-family:'Open Sans Condensed',Arial;text-align:center;background-color:#fd0a88;padding:9px;font-weight:600}.right{width:50%;float:left;height:auto;color:#b00707;text-align:right}.fourmodel{width:100%;float:left;height:auto}.thumb{background-color:#6b0000;width:240px;float:left;height:auto;padding:4px 4px 15px 2px;margin-right:12px;margin-bottom:20px;margin-left:10px;margin-top:28px;border-radius:11px;box-shadow:0 0 15px #674444}.pix{width:100%;float:left;height:auto;margin-bottom:10px}.pix img{border:solid 1px #b6b5b5}.namemodel{width:100%;float:left;height:auto;color:#ef0909;font-size:14px;text-align:center}.view{width:100%;float:left;height:auto;text-align:center;color:#e6cdcd;font-size:21px;font-weight:300;line-height:28px}.view a{color:#FFF;text-decoration:none;background-color:#b00707;padding:10px 30px 10px 30px}.two{width:100%;float:left;height:auto;padding-bottom:5px}.fullname{width:67%;float:left;height:auto;color:#FFF;font-weight:500;font-size:18px}.fullname a{color:#FFF;text-decoration:none}.fullname a:hover{color:#b00707;text-decoration:none}.see{width:33%;float:left;height:auto;color:#FFF;text-align:right;font-size:12px}.see a{color:#FFF;text-decoration:none;font-size:12px}.see a:hover{color:#b00707;text-decoration:none}@media only screen and (min-width:320px) and (max-width:360px){.wapper{width:95%;padding-left:2%;padding-right:2%}.left{width:100%;font-size:30px;text-align:center}.allmodel{background-color:#000;width:97%;padding-left:2%;padding-right:1%;padding-top:35PX;border:solid 1PX red}.right{width:100%;text-align:center;font-size:14px}.pix img{width:98%;height:auto}.see{font-size:7px}.namemodel{font-size:8px}.view{font-size:15px}.thumb{width:92%}}@media only screen and (min-width:360px) and (max-width:414px){.wapper{width:95%;padding-left:2%;padding-right:2%}.left{width:100%;font-size:30px;text-align:center}.allmodel{background-color:#000;width:97%;padding-left:2%;padding-right:1%;padding-top:35PX;border:solid 1PX red}.right{width:100%;text-align:center;font-size:14px}.pix img{width:98%;height:auto}.see{font-size:7px}.namemodel{font-size:10px}.view{font-size:15px}.thumb{width:43%}}@media only screen and (min-width:420px) and (max-width:480px){.wapper{width:95%;padding-left:2%;padding-right:2%}.left{width:100%;font-size:30px;text-align:center}.allmodel{background-color:#000;width:97%;padding-left:2%;padding-right:1%;padding-top:35PX;border:solid 1PX red}.right{width:100%;text-align:center;font-size:14px}.pix img{width:98%;height:auto}.see{font-size:7px}.namemodel{font-size:10px}.view{font-size:15px}.thumb{width:44%}}@media only screen and (min-width:520px) and (max-width:640px){.wapper{width:95%;padding-left:2%;padding-right:2%}.left{width:100%;font-size:30px;text-align:center}.allmodel{background-color:#000;width:97%;padding-left:2%;padding-right:1%;padding-top:35PX;border:solid 1PX red}.right{width:100%;text-align:center;font-size:14px}.pix img{width:98%;height:auto}.see{font-size:7px}.namemodel{font-size:8px}.view{font-size:15px}.thumb{width:29%}.fullname{font-size:13px;width:61%}.see{width:35%}}width:35%;@media (min-width:665px) and (max-width:768px){.wapper{width:95%;padding-left:2%;padding-right:2%}.left{width:100%;text-align:center}.allmodel{background-color:#000;width:97%;padding-left:2%;padding-right:1%;padding-top:35PX;border:solid 1PX red}.right{width:100%;text-align:center;font-size:14px}.pix img{width:98%;height:auto}.see{font-size:7px}.namemodel{font-size:10px}.view{font-size:15px}.thumb{width:29%}.fullname{font-size:13px}}@media only screen and (min-width:1020px) and (max-width:1180px){.wapper{width:95%;padding-left:2%;padding-right:2%}.thumb{width:22%;margin-right:18px;margin-bottom:15px}.thumb img{width:100%;height:auto}}@media only screen and (min-width:800px) and (max-width:996px){.wapper{width:95%;padding-left:2%;padding-right:2%}.thumb{width:30%;margin-bottom:15px}.thumb img{width:100%;height:auto}}p{text-align:justify;padding:10px}h4{text-align:center;font-size:19px;color:#f5f5f7;background-color:black;height:27px;font-family:'Open Sans Condensed',Arial;border-radius:5px;padding-top:4px}strong{color:#fd0a88}@mixin clearfix(){&::after{display:block;content:"";clear:both}}// Usage as a mixin .element{@include clearfix}