Your IP : 216.73.216.48
/**
==============================================================
* Sentir - Responsive admin & dashboard template
* Version 1.0.0
* Release May 15, 2014
==============================================================
**/
/**
=================================
LARGE DESKTOP > 1200px
=================================
**/
@media (min-width: 1200px) {
}
/**
=================================
STANDARD DESKTOP 992px <> 1200px
=================================
**/
@media (min-width: 992px) and (max-width: 1199px) {
/**
-------------------------------------------
PRICING TABLE
-------------------------------------------
**/
.pricing-table-wrap{
margin: 60px;
}
.table-item .circle-best{
width: 60px;
height: 60px;
font-size: 16px;
top: -30px;
}
/**
-------------------------------------------
WEATHER ICON SVG
-------------------------------------------
**/
.weather-widget h1.degrees{
font-size: 50px;
}
}
/**
=================================
TABLET < 1025px
=================================
**/
@media (max-width: 1025px) {
/**
-------------------------------------------
MAIN LAYOUT
-------------------------------------------
**/
.sidebar-left,
.sidebar-right{
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
-moz-overflow-scrolling: touch;
-o-overflow-scrolling: touch;
overflow-scrolling: touch;
}
}
/**
=================================
SMALL DESKTOP 768px <> 991px
=================================
**/
@media (min-width: 768px) and (max-width: 991px) {
/**
-------------------------------------------
MAIN LAYOUT
-------------------------------------------
**/
body{overflow-x: hidden;}
.wrapper{overflow-x: hidden;}
.top-navbar.toggle{
left: 250px;
right: -250px;
}
.sidebar-left{
left: -250px;
top: 0;
}
.sidebar-left.toggle{
left: 0px;
}
.icon-dinamic{
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.icon-dinamic.rotate-180{
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.page-content{
margin-left: 0px;
}
.page-content.toggle{
margin-left: 250px;
margin-right: -250px;
}
.page-content.toggle-left{
margin-left: -250px;
margin-right: 250px;
}
/**
-------------------------------------------
PRICING TABLE
-------------------------------------------
**/
.pricing-table-wrap{
margin: 60px 0;
}
.table-item .circle-best{
width: 60px;
height: 60px;
font-size: 16px;
top: -30px;
}
/**
-------------------------------------------
WEATHER ICON SVG
-------------------------------------------
**/
.weather-widget h1.degrees{
font-size: 50px;
}
}
/**
=================================
TABLET < 800px
=================================
**/
@media (max-width: 800px) {
/**
-------------------------------------------
MAIN LAYOUT
-------------------------------------------
**/
body{
padding-top: 120px;
}
.wrapper{overflow-x: hidden;}
.top-navbar{
height: auto;
}
.logo-brand {
width: 100%;
height: 60px;
position: relative;
padding-left: 10px;
text-align: left;
}
.top-nav-content{
margin-left: 0px;
height: 60px;
}
/**
-------------------------------------------
PRICING TABLE
-------------------------------------------
**/
.table-item-2 .table-heading h1 sup,
.table-item-2 .table-heading h1 sub{
top: -5px;
display: block;
}
.table-item-2 .table-heading h1 sub{
top: 10px;
bottom: 0px;
}
.table-item-2 .table-heading h1{
font-size: 50px;
margin-bottom: 20px;
padding: 30px 0;
}
/**
-------------------------------------------
BLOG APPS
-------------------------------------------
**/
.carousel.blog-carousel .carousel-caption p{
display: none;
}
.carousel.blog-carousel .carousel-caption h2{
font-size: 24px;
}
}
/**
=================================
TABLET < 767px
=================================
**/
@media (max-width: 767px) {
/**
-------------------------------------------
MAIN LAYOUT
-------------------------------------------
**/
body{
padding-top: 120px;
}
.wrapper{overflow-x: hidden;}
.top-navbar{
height: auto;
}
.top-navbar.toggle{
left: 250px;
right: -250px;
}
.logo-brand {
width: 100%;
height: 60px;
position: relative;
}
.top-nav-content{
margin-left: 0px;
height: auto;
padding: 0;
}
.sidebar-left{
top: 0;
left: -250px;
}
.sidebar-right{
top: 60px;
right: -250px;
bottom: 0;
width: 250px;
}
.sidebar-left.toggle{
left: 0px;
}
.page-content{
margin-left: 0px;
left: 0;
}
.page-content.toggle{
left: 0;
margin-left: 250px;
margin-right: -250px;
}
.page-content.toggle-left{
margin-left: -250px;
margin-right: 250px;
}
.sidebar-right.toggle-left{
right: 0px;
}
.nav-dropdown-content{
height: auto;
max-width: 100%;
}
.btn-collapse-sidebar-right{
top: -60px;
}
.btn-collapse-nav{
display: block;
}
.icon-dinamic{
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.icon-dinamic.rotate-180{
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.icon-plus{
-webkit-transition:All 0.2 ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;
}
.icon-plus.rotate-45{
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.top-nav-content .navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
height: auto;
}
.top-nav-content .navbar-nav > li > a .icon-count {
top: 10px;
right: auto;
left: 40px;
}
ul.nav-user{
right: 0px;
left: 0px;
text-align: center;
position: relative;
margin-left: 50px;
margin-right: 50px;
}
ul.nav-user li.dropdown{
display: block;
}
ul.nav-user li.dropdown .dropdown-menu{
text-align: left;
left: 0;
right: 0;
}
ul.nav-user li.dropdown a.dropdown-toggle{
height: 60px;
max-width: 100%;
}
.navbar-collapse {
max-height: 280px;
}
/**
-------------------------------------------
MASONRY
-------------------------------------------
**/
.container-masonry ol{
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
/**
-------------------------------------------
BLOG APPS
-------------------------------------------
**/
.col-full-width-right,
.col-full-width-left{
padding: 0 15px;
}
.blog-detail-image .blog-title,
.blog-detail-image:hover .blog-title{
position: relative;
background: #fff;
opacity: 1;
color: #434A54;
}
.blog-detail-image .blog-title a{
color: #37BC9B;
text-decoration: none;
}
.blog-detail-image .blog-title h1,
.blog-detail-image .blog-title h2,
.blog-detail-image .blog-title h3,
.blog-detail-image .blog-title h4,
.blog-detail-image .blog-title h5{
color: #656D78;
}
.featured-post-wide .featured-text{
padding: 5px 5px 5px 40px;
}
/**
-------------------------------------------
REAL ESTATE APPS
-------------------------------------------
**/
.store-list .store-image,
.blog-list .blog-image,
.property-list .property-image {
width: 100%;
margin-bottom: 30px;
padding-right: 0;
}
.store-list .pull-left,
.blog-list .pull-left,
.property-list .pull-left {
margin-right: 0;
}
/**
-------------------------------------------
PRICING TABLE
-------------------------------------------
**/
.pricing-table-wrap{margin: 50px 0;}
.table-item .circle-best{
width: 60px;
height: 60px;
font-size: 16px;
top: -30px;
}
.table-item-2 .table-heading h1{
font-size: 80px;
margin-bottom: 30px;
}
.table-item-2 .table-heading h1 sup,
.table-item-2 .table-heading h1 sub{
top: -50px;
display: inline;
}
.table-item-2 .table-heading h1 sub{
top: 0;
bottom: -50px;
}
}
/**
=================================
PHONE < 640px
=================================
**/
@media (max-width: 640px){
}
/**
=================================
PHONE < 600px
=================================
**/
@media (max-width: 600px){
/**
-------------------------------------------
SOCIAL APPS
-------------------------------------------
**/
ul.timeline li.centering-line{
left: 15px;
margin-left: 0px;
}
ul.timeline li.item-timeline{
width: 100%;
}
ul.timeline li:nth-child(even).item-timeline{
float: left;
clear: left;
}
ul.timeline li:nth-child(odd).item-timeline{
float: left;
clear: left;
}
ul.timeline li:nth-child(odd).item-timeline.highlight,
ul.timeline li:nth-child(odd).item-timeline.highlight{
float: left;
clear: left;
}
ul.timeline li.item-timeline .inner-content{
margin: 10px;
margin-left: 35px;
}
ul.timeline li:nth-child(even).item-timeline.highlight .buletan,
ul.timeline li:nth-child(odd).item-timeline.highlight .buletan,
ul.timeline li:nth-child(even).item-timeline .buletan,
ul.timeline li:nth-child(odd).item-timeline .buletan{
left: 11px;
top: 35px;
margin-left: 0;
}
ul.timeline li.item-timeline:nth-child(even):before{
top: 29px;
right: auto;
left: 25px;
border-left: 0px solid #fff;
border-right: 12px solid #fff;
border-right-color: #fff;
}
ul.timeline li.item-timeline:nth-child(odd).highlight:before,
ul.timeline li.item-timeline:nth-child(even).highlight:before,
ul.timeline li.item-timeline:nth-child(odd):before{
top: 29px;
left: 25px;
display: inline-block;
border-top: 12px solid transparent;
border-right: 12px solid #fff;
border-bottom: 12px solid transparent;
border-right-color: #fff;
content: '';
}
ul.timeline li.center-timeline-cat .inner{
border-radius: 0 5px 5px 0;
margin: 20px 0 20px 19px;
}
ul.timeline li:first-child.center-timeline-cat .inner,
ul.timeline li:last-child.center-timeline-cat .inner{
margin: 20px 0 20px 19px;
}
.featured-post-wide .featured-text{
position: relative;
width: 100%;
padding: 5px 15px 15px 15px;
}
}
/**
=================================
PHONE < 548px
=================================
**/
@media (max-width: 548px){
/**
-------------------------------------------
PRICING TABLE
-------------------------------------------
**/
.pricing-table-wrap{
margin: 40px 0;
}
.table-item{
width: 100%;
margin-bottom: 40px;
margin-top: 0;
}
.table-item.best-choice{
margin-left: 0;
margin-right: 0;
margin-top: 0px;
margin-bottom: 40px;
}
.table-item:first-child,
.table-item:last-child{
border-radius: 5px;
}
}
/**
=================================
PHONE < 480px
=================================
**/
@media (max-width: 480px){
.login-header{
height: 140px;
}
.login-header .logo{
margin-top: 50px;
}
.login-wrapper{
max-width: 250px;
margin: 150px auto 0;
}
/**
-------------------------------------------
MASONRY
-------------------------------------------
**/
.container-masonry ol{
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
/**
-------------------------------------------
SOCIAL APPS
-------------------------------------------
**/
.img-wrap-col .img-col-3,
.img-wrap-col .img-col-4,
.img-wrap-col .img-col-5{
width: 50%;
}
.profile-heading img.avatar{
left: 50%;
margin-left: -35px;
bottom: 190px;
z-index: 3;
width: 70px;
height: 70px;
}
.profile-heading .user-name{
position: relative;
left: auto;
bottom: auto;
color: #434A54;
}
.profile-heading .right-button{
position: relative;
bottom: auto;
right: auto;
}
.profile-heading .profile-info{
position: relative;
padding-left: 10px;
padding-top: 40px;
text-align: center;
height: auto;
}
/**
-------------------------------------------
STORE APPS
-------------------------------------------
**/
.item-lg .item-des{
position: relative;
width: 100%;
overflow-y: none;
}
/**
-------------------------------------------
MAIL APPS
-------------------------------------------
**/
.list-group-item.mail-list span.attachment,
.list-group-item.mail-list span.subject{
display: none;
}
}
/**
=================================
PHONE < 360px
=================================
**/
@media (max-width: 360px){
}
/**
=================================
PHONE < 320px
=================================
**/
@media (max-width: 320px){
}