/*Joomsky Demo*/
* {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
body {font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
div.demo-joomsky-container div.demo-joomsky-top{background: url('images/bg-top.png') repeat;}
div.demo-joomsky-container div.demo-joomsky-top div.demo-joomsky-logo{border-bottom: 1px solid #727376;background-color: rgba(69,68,70,0.5);text-align: center;padding: 20px 0 15px;}
div.demo-joomsky-container div.demo-joomsky-top div.demo-joomsky-logo img {max-width: 100%;height: auto;}
div.demo-joomsky-container div.demo-joomsky-top div.demo-joomsky-fw-products-list{text-align: center;}
div.demo-joomsky-container div.demo-joomsky-top div.demo-joomsky-fw-products-list span.fw-products-list-txt{color: #ffffff;display: inline-block;width: 100%;padding: 30px 10px;font-size: 18px;line-height: 1.5;}
div.demo-joomsky-container div.demo-joomsky-top div.demo-joomsky-fw-products-list img {max-width: 100%;height: auto;display: block;margin: auto;}
div.demo-joomsky-container div.demo-joomsky-mid {background: url('images/bg.png') repeat;float: left;width: 100%;padding: 20px 0;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row{width: 100%;margin: 30px 0;border-bottom: 1px solid #d9d6d6;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row.bn{border-bottom: none;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row::after {content: '';display: block;width: 100%;clear: both;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-title {text-transform: uppercase;text-align: center;font-size: 30px;padding: 20px 0;background-color: #ffffff;border: 1px solid #d9d6d6;color: #373435;float: left;width: 100%;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-title span.color-jm {display: inline-block;color: #F1263B;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-title span.color-wp {display: inline-block;color: #0579AA;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box{float: left;width: 50%;text-align: center;padding: 35px;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box span.product-name {display: inline-block;width: 100%;padding: 10px 0;text-transform: uppercase;font-size: 25px;line-height: 1.5;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box span.product-name span.small {display: inline-block;font-size: 18px;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box span.product-name span.small.jm {display: inline-block;font-size: 18px;color: #F1263B;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box span.product-name span.small.wp {display: inline-block;font-size: 18px;color: #0579AA;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box span.product-name span.jm-pro {display: inline-block;color: #393def;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box span.product-name span.jm-free {display: inline-block;color: #027340;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box span.product-name span.wp-pro {display: inline-block;color: #EF3938;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box span.product-name span.wp-free {display: inline-block;color: #d200a3;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box span.product-name span.temp {display: inline-block;color: #B70088;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box span.product-name span.theme {display: inline-block;color: #5604DE;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box img {max-width: 100%;height: auto;display: inline-block;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a {display: inline-block;min-width: 155px;padding: 15px 10px;text-decoration: none;text-align: center;text-transform: none;background-color: #ffffff;color: #606062;border: 1px solid #d9d6d6;font-size: 18px;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a.buy-now {color: #ffffff;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a.job-pro-jm {background-color: #ef4639;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a.job-free-jm {background-color: #ef348a;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a.ticket-pro-jm {background-color: #039953;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a.ticket-free-jm {background-color: #3366cc;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a.autoz-pro-jm {background-color: #b44d37;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a.autoz-free-jm {background-color: #b60a0a;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a.carpoint-theme-jm {background-color: #532380;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a.jobi-theme-jm {background-color: #2393db;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a.job-pro-wp {background-color: #ed473a;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a.ticket-pro-wp {background-color: #009a53;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a.job-free-wp {background-color: #ef348a;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a.ticket-free-wp {background-color: #3366cc;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a.autoz-pro-wp {background-color: #b44d37;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a.autoz-free-wp {background-color: #b60a0a;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a.carmanager-theme-wp {background-color: #004274;}
div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a.jobmanager-theme-wp {background-color: #633dd5;}
div.demo-joomsky-container div.demo-joomsky-btm {text-align: center;}
div.demo-joomsky-container div.demo-joomsky-btm span.demo-joomsky-footer-txt {display: inline-block;width: 100%;padding: 30px 10px;color: #ffffff;background: url('images/bg-top.png') repeat;line-height: 1.5;}

/*Responsive Joomsky Demo*/
@media only screen and (max-width:600px){
    div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box {width: 100%;}
    div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a {min-width: 160px;}
} 
@media only screen and (max-width:400px){
    div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box {width: 100%;}
    div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn {margin-top: 15px;}
    div.demo-joomsky-container div.demo-joomsky-mid div.products-row div.products-box div.products-btn a {min-width: 160px;}
}