@media (max-width:479px) {
#boxed {
width: auto
}
.boxed-mode .headhesive--clone,
.boxed-mode .banner[data-transparent-header="true"] {
max-width: 330px
}
.container {
width: 300px
}
.content-width {
max-width: 270px
} #logo {
max-width: 210px;
background-color: transparent !important;
}
h1,
#main-flex-slider .slides h1,
#main-flex-slider .lrg-txt h1 {
font-size: 34px;
line-height: 36px;
}
section#themo_page_header_1 {
padding-top: 40px;
padding-bottom: 40px;
}
#logo .logo-trans {
display: block;
width: 90px;
}
#logo .logo-main {
display: none;
} .top-nav-text+.top-nav-icon-blocks {
margin-top: 8px
}
.top-nav-text,
.top-nav-icon-blocks {
float: none;
text-align: center;
}
.top-nav-icon-blocks .icon-block p {
font-size: 14px;
line-height: 100%;
} .btn-standard,
.btn-ghost,
.btn-default {
padding: 10px 25px
}
.btn-cta {
padding: 14px 30px
} #main-flex-slider .slider-bg {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
#main-flex-slider p,
#main-flex-slider .lrg-txt p {
font-size: 20px;
line-height: 22px;
}
#main-flex-slider .slides p {
margin-bottom: 20px
}
#main-flex-slider .slides a {
margin-bottom: 10px
}
#main-flex-slider .simple-conversion {
padding-top: 20px;
padding-bottom: 10px;
}
#main-flex-slider .flex-direction-nav {
display: none
}  .brands img {
max-width: 240px
} .mas-blog-post {
width: 300px
} .flex-direction-nav a {
width: 30px;
height: 60px;
}
.flex-direction-nav a {
margin-top: -30px;
}
.flex-direction-nav a:before {
line-height: 60px;
}
}
@media (min-width:480px) and (max-width:767px) {
#boxed {
width: 420px
}
.boxed-mode .headhesive--clone,
.boxed-mode .banner[data-transparent-header="true"] {
max-width: 420px
}
.container {
width: 390px
}
.content-width {
width: 360px
}
#logo .logo-trans {
display: block;
width: 90px;
}
#logo .logo-main {
display: none;
} #logo {
max-width: 294px;
background-color: transparent !important;
padding: 0px 10px;
} .mas-blog-post {
width: 390px
}
section#themo_page_header_1 {
padding-bottom: 90px !important;
}
}
@media (max-width:767px) { .top-nav {
background: rgba(0, 0, 0, 0.02)
}
.top-nav-icon-blocks .icon-block p,
.top-nav-icon-blocks .icon-block a,
.top-nav-text p,
.top-nav-text a {
color: #828282
}
.top-nav-icon-blocks .icon-block p {
font-size: 13px
}
.top-nav-icon-blocks .icon-block {
padding: 0 4px
}
.top-nav-icon-blocks .icon-block span {
display: none
} #logo {
margin-left: 15px
}
.top-nav-text {
display: none;
}
.navbar-default .navbar-collapse {
border: 0
}
.navbar .navbar-nav {
float: none;
text-align: left;
margin: 0 0 10px;
padding-top: 15px;
border-top: 0px solid #e7e7e7 !important
}
.navbar .navbar-nav>li>a {
padding: 10px 15px;
margin-left: 0;
margin-right: 0;
}
.navbar .navbar-nav>li>a:after,
.navbar .navbar-nav>li>a:hover:after {
height: 0 !important
}
.navbar .navbar-nav .open .dropdown-toggle {
background-color: #eee !important
}
.navbar .navbar-nav .dropdown-menu {
background-color: #f4f4f4
}
.navbar .navbar-nav .dropdown-menu li a {
line-height: 200%
}
.navbar .navbar-nav .dropdown-menu li.active a {
background-color: transparent !important
}
.sidebar,
.sidebar.side-left {
padding: 40px 15px
}
.page-title.centered {
padding-left: 0;
padding-right: 0;
} #comments li.comment .avatar {
height: 45px;
width: 45px;
margin: 5px 0 0 0;
display: block;
float: none !important;
}
#comments h4.media-heading {
margin-top: 5px
}
#comments ul.comment {
margin-left: 25px
} .booked-calendar-mb.cal-left .float-content {
float: none
}
.booked-calendar-mb .float-content {
padding-bottom: 30px
} .simple-cta span {
margin-right: 0
} .rooms-filters a {
margin: 5px 8px
}
.rooms-filters span {
margin-right: 8px
} .float-block .float-content { padding-bottom: 30px;
} .pricing-column {
margin-top: 10px;
margin-bottom: 10px;
border-left: 1px solid #dfe7eb;
}
.pricing-column.highlight {
margin: 10px -1px 10px -1px;
padding: 40px 30px;
}
.one-col .pricing-column.highlight {
margin-left: 0;
margin-right: 0;
} .service-block-col.first .service-block {
text-align: left
}
.service-block-col.first .service-block i,
.service-block-col.first .service-block .circle-med-icon {
float: left
}
.service-block-col.first .service-block.standard-block h3,
.service-block-col.first .service-block.standard-block p {
margin-left: 60px;
margin-right: 0;
}
.service-block-col.first .service-block.circle-block h3,
.service-block-col.first .service-block.circle-block p {
margin-left: 85px;
margin-right: 0;
} .showcase .showcase-title.centered {
text-align: left
}
.showcase .showcase_image,
.showcase .showcase_image.col-sm-12 {
margin-top: 25px
} .footer-widgets.row {
margin-bottom: 20px;
padding-bottom: 10px;
}
.footer .widget {
margin-bottom: 50px;
}
.footer .widget-title {
margin-bottom: 18px;
} .contact-form form input[type=submit] {
width: 100%
}
}
@media (min-width:768px) { .navbar .navbar-nav .dropdown-menu {
left: -10px;
padding: 12px 5px;
border: 0;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.navbar .navbar-nav .dropdown-menu li a {
font-size: 13px;
text-align: left;
padding: 8px 20px;
color: #c8c8c8;
}
.navbar .navbar-nav .dropdown-menu li a:hover,
.navbar .navbar-nav .dropdown-menu li.active a {
color: #fff !important
}
.navbar .navbar-nav .dropdown:hover .dropdown-menu {
display: block
}
.navbar .navbar-nav li:last-child .dropdown-menu {
right: -5px;
left: auto;
}
.navbar .caret {
display: none
} #main-flex-slider .slide-cal-right .slider-content {
margin-left: 50%
}
#main-flex-slider .slide-cal-center .slider-content {
margin-left: 25%
} .float-block.img-right .container,
.float-block.img-left .container,
.float-block.img-right .row,
.float-block.img-left .row,
.float-block.img-right .float-content,
.float-block.img-left .float-content,
.float-block.img-right .float-img,
.float-block.img-left .float-img {
height: 100%
}
.img-left .float-content {
float: right !important
}
.center-table-con {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
}
.center-table-cell {
display: table-cell;
vertical-align: middle;
} .center-table-cell.img-sticky-bottom {
vertical-align: bottom
}
.center-table-cell.img-sticky-top {
vertical-align: top
}
.center-table-con {
overflow: hidden
}
.center-table-cell.img-sticky-bottom.sticky-pop-up img {
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.center-table-cell.img-sticky-bottom.sticky-pop-up img:hover {
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
} .showcase .float-section .col-sm-12 {
padding: 0 15%
}
.showcase .float-section .showcase_image {
padding: 0 15px
}
}
@media (min-width:768px) and (max-width:991px) {
#boxed {
max-width: 780px
}
.boxed-mode .headhesive--clone,
.boxed-mode .banner[data-transparent-header="true"] {
max-width: 780px
}
.container {
max-width: 750px;
}
.content-width {
max-width: 720px
}
.sidebar,
.sidebar.side-left {
padding: 40px 15px;
} .navbar .navbar-nav>li>a {
margin-left: 3px;
margin-right: 3px;
font-size: 12px;
}
.th-accent,
.headhesive--clone.banner[data-transparent-header="true"] .th-accent {
padding: 8px 10px;
}
.top-nav-text {
display: none;
} .five-columns .col-sm-2 {
width: 20%;
} .team-member:nth-child(odd) {
clear: left;
} #comments li.comment .avatar {
height: 45px;
width: 45px;
margin: 10px 10px 0 0;
}
#comments h4.media-heading {
margin-top: 10px
} .pricing-column {
margin-top: 10px;
margin-bottom: 10px;
}
.pricing-column:nth-child(odd) {
border-left: 1px solid #dfe7eb;
}
.pricing-column.highlight {
margin: 10px -1px 10px -1px;
padding: 40px 30px;
} .service-block-col {
padding-top: 0
}
.service-block-col .service-block {
margin-bottom: 20px
}
.service-block-col .service-block i {
display: none
}
.service-block-col .service-block h3,
.service-block-col .service-block p {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media (max-width:991px) { .icon-block {
margin-bottom: 50px
}
.icon-block:last-child {
margin-bottom: 0
}
.icon-blocks h3 {
margin-bottom: 10px
} .top-nav-icon-blocks .icon-block,
.th-contact-info-widget .icon-block {
margin-bottom: 0;
} .room-header .room-nav {
display: none
} .footer-area-3 {
clear: left
}
}
@media (min-width:992px) and (max-width:1199px) {
#boxed {
max-width: 1000px
}
.boxed-mode .headhesive--clone,
.boxed-mode .banner[data-transparent-header="true"] {
max-width: 1000px
}
.container {
max-width: 970px
}
.content-width {
max-width: 940px
} .five-columns .col-sm-2,
.five-columns .col-md-2 {
width: 20%;
}
.pricing-table .five-columns .btn {
padding: 10px 30px;
}
}
@media (min-width:992px) { .room-header .p-mob-nav {
display: none
} .top-nav .row {
padding-right: 0;
padding-left: 0;
margin-left: 0;
}
}
@media (max-width:1199px) { .features-inner {
padding: 0 15px;
}
}
@media (min-width:1200px) {
#boxed {
max-width: 1230px
}
.boxed-mode .headhesive--clone,
.boxed-mode .banner[data-transparent-header="true"] {
max-width: 1230px
}
.container {
max-width: 1170px
}
.content-width {
max-width: 1140px
} .five-columns .col-sm-2,
.five-columns .col-md-2,
.five-columns .col-lg-2 {
width: 20%;
}
.pricing-table .five-columns .btn {
padding: 10px 45px;
}
}
@media (min-width:1450px) { .navbar .navbar-nav li:last-child .dropdown-menu {
left: -10px;
right: auto;
}
} @media (min-width:601px) and (max-width:782px) {
body.admin-bar .headhesive--stick,
body.admin-bar .banner[data-transparent-header="true"] {
top: 46px
}
}
@media (min-width:783px) {
body.admin-bar .headhesive--stick,
body.admin-bar .banner[data-transparent-header="true"] {
top: 32px
}
} @media (max-width: 991px) {
.page-title.right,
.page-title.left {
padding: 60px 10px;
text-align: center;
}
}
@media (max-width:767px) {
.col-md-12 .quote blockquote.tweet:after {
left: 44%;
}
}
@media (min-width:991px) {
#themo_room_single.page-title.left {
margin-left: 70px;
}
#themo_room_single.page-title.right {
margin-right: 90px;
}
}