/**==============================================================* Sentir - Responsive admin & dashboard template * Version 1.1.0 * ReleaseJune 03, 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; 
} 
/**-------------------------------------------TOP MAIN NAVIGATION-------------------------------------------**/ 
body.top-navigation{ 
padding-top: 170px; 
} 
.top-main-navigation{ 
top: 120px; 
} 
.top-main-navigation.full-top{ 
top: 60px; 
} 
} 
/**=================================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; 
} 
/**-------------------------------------------TOP MAIN NAVIGATION-------------------------------------------**/ 
body.top-navigation{ 
padding-top: 120px; 
} 
.top-main-navigation{ 
top: 120px; 
} 
.top-main-navigation .navbar{ 
min-height: 0px; 
} 
.btn-collapse-main-navigation{ 
display: block; 
} 
/**-------------------------------------------MEDIA LIBRARY-------------------------------------------**/ 
.media-menu ul.menus li.menu-item{ 
display: block; 
} 
.media-menu ul.menus li.menu-item a{ 
border-right: none; 
border-bottom: 1px solid #F3F8FE; 
} 
} 
/**=================================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){ 
}