/*** uncss> filename: css/style.css ***/ @charset "utf-8"; @import url('https://fonts.googleapis.com/css?family=Gentium+Basic:400,700|Libre+Franklin:300,400,500'); body{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#000000;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;} .left{ width:50%; float:left; height:auto;font-size:45px; color:#FFFFFF;font-family: 'Gentium Basic', serif;} .right{ width:50%; float:left; height:auto; color:#b00707; text-align:right;} .fourmodel{ width:100%; float:left; height:auto;} .thumb{ background-color:#161412; width:253px; float:left; height:auto; padding:5px 5px 15px 5px ; margin-right:10px; margin-bottom:20px; } .pix{ width:100%; float:left; height:auto; margin-bottom:10px;} .pix img{ border: solid 1px #b6b5b5;} .namemodel{ width:100%; float:left; height:auto; color:#696969; font-size:14px; text-align:center;} .view{ width:100%; float:left; height:auto; text-align:center; color:#858181; font-size:21px; font-weight:300; line-height:28px;} .view a{ color:#FFFFFF; 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:#FFFFFF; font-weight:500; font-size:18px;} .fullname a{ color:#FFFFFF; text-decoration:none;} .fullname a:hover{ color:#b00707; text-decoration:none;} .see{ width:33%; float:left; height:auto; color:#FFFFFF; text-align:right; font-size:12px;} .see a{ color:#FFFFFF; text-decoration:none;} .see a:hover{ color:#b00707; text-decoration:none;} /*------------booking-----------*/ /*------------booking-----------*/ /*----------New Css----------*/ /*-----review css -----*/ /*** uncss> filename: css/responsive.css ***/ /*** uncss> filename: css/style.css ***/ @charset "utf-8"; @import url('https://fonts.googleapis.com/css?family=Gentium+Basic:400,700|Libre+Franklin:300,400,500'); body{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#000000;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;} .left{ width:50%; float:left; height:auto;font-size:45px; color:#FFFFFF;font-family: 'Gentium Basic', serif;} .right{ width:50%; float:left; height:auto; color:#b00707; text-align:right;} .fourmodel{ width:100%; float:left; height:auto;} .thumb{ background-color:#161412; width:253px; float:left; height:auto; padding:5px 5px 15px 5px ; margin-right:10px; margin-bottom:20px; } .pix{ width:100%; float:left; height:auto; margin-bottom:10px;} .pix img{ border: solid 1px #b6b5b5;} .namemodel{ width:100%; float:left; height:auto; color:#696969; font-size:14px; text-align:center;} .view{ width:100%; float:left; height:auto; text-align:center; color:#858181; font-size:21px; font-weight:300; line-height:28px;} .view a{ color:#FFFFFF; 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:#FFFFFF; font-weight:500; font-size:18px;} .fullname a{ color:#FFFFFF; text-decoration:none;} .fullname a:hover{ color:#b00707; text-decoration:none;} .see{ width:33%; float:left; height:auto; color:#FFFFFF; text-align:right; font-size:12px;} .see a{ color:#FFFFFF; text-decoration:none;} .see a:hover{ color:#b00707; text-decoration:none;} /*------------booking-----------*/ /*------------booking-----------*/ /*----------New Css----------*/ /*-----review css -----*/ /*** uncss> filename: css/responsive.css ***/ @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:#000000; width:97%; padding-left:2%; padding-right:1%; padding-top:35PX; border:solid 1PX #FF0000;}.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:42%;} } @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:#000000; width:97%; padding-left:2%; padding-right:1%; padding-top:35PX; border:solid 1PX #FF0000;}.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:#000000; width:97%; padding-left:2%; padding-right:1%; padding-top:35PX; border:solid 1PX #FF0000;}.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:#000000; width:97%; padding-left:2%; padding-right:1%; padding-top:35PX; border:solid 1PX #FF0000;}.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:#000000; width:97%; padding-left:2%; padding-right:1%; padding-top:35PX; border:solid 1PX #FF0000;}.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;} }