Rev 47 | Rev 65 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed
/*--
Author: CodexWorld
Author URL: https://www.codexworld.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
.wrapper-frm {
padding: 0 !important;
overflow: hidden;
}
.wrapper-frm h2 {
padding-bottom: 0 !important;
}
.ucontent{
padding: 10px;
float: left;
width: 95%;
}
.upicture{
max-width:90px;
}
.head-menu {
position: relative;
}
.menu-tle {
padding: 1em 0;
/*background: #007bff;*/
text-align: center;
}
.menu-tle h2 {
font-size: 1.3em;
}
.left-pnl {
float: left;
text-align: center;
width: 33%;
}
.left-pnl img {
border: 2px solid;
padding: 4px;
}
.left-pnl h2 {
font-size: 18px;
margin: 5px 0;
text-transform: uppercase;
}
.left-pnl p {
font-size: 13px;
letter-spacing: 1px;
}
.right-pnl {
float: right;
width: 61%;
}
.right-pnl h3{
font-size: 18px;
margin: 5px 0px 10px 0px;
text-transform: uppercase;
}
.ac-info {
margin-bottom: 2em;
text-align: left;
}
.ac-info p{
font-size: 16px;
font-weight: 400;
letter-spacing: 0.9px;
margin-bottom: 1em;
}
.ac-info p b{
font-weight: 600;
}
a.view-btn {
font-size: 17px;
padding: 8px 20px;
display: inline-block;
border: 2px solid;
border-radius: 3px;
outline: none;
}
@media(max-width:1440px){
.left-pnl {
width: 33%;
}
}
@media(max-width:1366px){
.left-pnl {
width: 34%;
}
.left-w3ls {
width: 59%;
}
}
@media(max-width:1280px){
.left-pnl {
width: 32%;
}
.right-pnl {
width: 61%;
margin-top: 10px;
}
}
@media(max-width:1080px){
.right-pnl {
width: 62%;
margin-top: 20px;
}
}
@media(max-width:1050px){
.left-pnl {
width: 33%;
}
}
@media(max-width:1024px){
.left-pnl {
width: 33%;
}
}
@media(max-width:991px){
.left-pnl {
width: 34%;
}
}
@media(max-width:900px){
.left-pnl {
width: 37%;
}
.right-pnl {
width: 58%;
margin-top: 25px;
}
}
@media(max-width:736px){
.left-pnl {
width: 34%;
}
.right-pnl {
margin-top: 22px;
}
}
@media(max-width:667px){
.left-pnl {
width: 37%;
}
.left-pnl h2 {
font-size: 16px;
}
.left-pnl p {
font-size: 12.5px;
letter-spacing: 0.7px;
}
}
@media(max-width:600px){
.left-pnl {
width: 39%;
}
}
@media(max-width:568px){
.left-pnl, .right-pnl {
width: 100%;
}
.ac-info p {
font-size: 13px;
}
.left-pnl h2 {
font-size: 15px;
}
.left-pnl p {
letter-spacing: 0.5px;
}
}
@media(max-width:480px){
.left-pnl, .right-pnl {
width: 100%;
}
.left-pnl img {
width: 88%;
}
}
@media(max-width:414px){
.left-pnl {
width: 100%;
float: none;
margin: 0 auto;
}
.right-pnl {
width: 100%;
float: none;
margin: 0 auto;
margin-top: 22px;
}
.ac-info p {
font-size: 14px;
margin-top: 0.9em;
}
.left-pnl img {
width: 88%;
}
}
@media(max-width:384px){
.left-pnl, .right-pnl {
width: 100%;
}
.ac-info p {
font-size: 13px;
margin-top: 0.7em;
}
.right-pnl {
margin-top: 11px;
}
.left-pnl h2 {
font-size: 14.5px;
margin: 3px 0;
}
.left-pnl p {
font-size: 12.3px;
}
.button a {
font-size: 14px;
}
}
@media(max-width:320px){
.left-pnl, .right-pnl {
width: 100%;
}
.button a {
padding: 4px 13px;
}
.left-pnl img {
width: 75%;
}
.right-pnl {
margin-top: 3px;
}
.left-pnl h2 {
font-size: 14px;
margin: 1px 0;
}
}