@media screen and (max-width:1200px) {
.social-like,
.social-share {
padding: 0
}
.social-like {
border-right-width: 0
}
.social-share {
padding-right: 5px
}
.side-share {
display: block
}
.post-footer .side-share {
display: inline-block;
padding-left: 10px
}
ul.social-icons li a {
width: 40px;
height: 40px
}
ul.style-fall li a:before,
ul.style-fall li a:after {
font-size: 19px;
line-height: 40px
}
}
@media screen and (min-width:993px) and (max-width:1200px) {
.mini-contacts li {
margin-right: 13px
}
.portfolio-items.col-5 article,
.portfolio-items.col-6 article {
width: 33.33333333333333%
}
.cycle-rotator .item h1 {
font-size: 50px
}
}
@media only screen and (max-width:992px) {
#top-bar ul.social-icons {
float: none;
margin-bottom: 7px;
text-align: center
}
.header-type-out .header-out,
.header-type-in .header-in,
.header-type-fixed .header-in {
padding: 5px 0
}
.header-type-fixed .header-shrink-fixed .header-in {
padding-top: 5px
}
.header-out .header-in #logo {
display: none
}
#mobile-advanced {
position: absolute;
top: 0;
right: -100%;
z-index: 101;
overflow: hidden;
display: block;
width: 100%;
height: 100%;
background-color: #fff;
pointer-events: none;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: -webkit-transform .35s ease;
transition: transform .35s ease;
-webkit-transform: translateX(0);
transform: translateX(0)
}
#wrapper.active .mobile-advanced {
pointer-events: auto;
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0)
}
.mobile-advanced>ul {
padding-top: 80px
}
.mobile-advanced li {
display: block;
list-style: none
}
.mobile-advanced li>span {
display: block;
padding: 10px 15px;
color: #262626;
font-weight: 400
}
.mobile-advanced li a {
display: block;
padding: 10px 20px;
border-bottom: 1px solid #ccc;
line-height: 1.15em
}
.mobile-advanced>ul>li>a {
border-bottom-width: 0;
background-color: #f85c37;
color: #fff;
font-weight: 400;
font-size: 16px
}
.mobile-advanced ul ul li>a {
padding-left: 30px
}
.mobile-advanced ul ul li>a:before {
position: relative;
top: -2px;
margin-right: 5px;
font-size: 8px;
font-family: 'fontello';
content: "\e9a4"
}
.mobile-advanced ul .mega-menu ul li>a:before {
content: "\e9a4 \e9a4"
}
.mobile-advanced ul ul ul li>a {
padding-left: 55px
}
.mobile-advanced ul .mega-menu ul li>a {
padding-left: 35px
}
#advanced-menu-hide {
position: fixed;
top: 20px;
right: 30px;
z-index: 105;
width: 40px;
height: 40px;
background-color: #f85c37;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-border-radius: 6px;
border-radius: 6px
}
#wrapper.active #advanced-menu-hide {
visibility: visible;
pointer-events: auto;
-webkit-transform: translateX(0);
transform: translateX(0)
}
#advanced-menu-hide:after {
color: #fff;
content: '\efc0';
vertical-align: middle;
text-align: center;
font-size: 21px;
font-family: 'fontello';
line-height: 40px
}
.mobile-advanced .search-icon {
display: none
}
.mobile-advanced .inner-tooltip {
position: relative;
display: block;
padding: 10px;
width: 100%
}
.mobile-advanced .inner-tooltip label {
display: block
}
.mobile-advanced #searchform input[type="text"] {
padding: 8px 15px;
width: 100%
}
.responsive-nav-button {
display: inline-block;
vertical-align: middle
}
#header #navigation {
position: absolute;
z-index: 999;
right: 0;
left: 0;
top: 100%;
display: none;
overflow: hidden;
margin-bottom: 7px;
padding-top: 0;
width: 100%;
background-color: #fff;
-webkit-border-radius: 3px;
border-radius: 3px
}
.navigation ul li {
display: block;
float: none;
margin: 2px;
padding-bottom: 0
}
.navigation ul li>a {
padding: 10px 15px;
background-color: #262626;
color: #fff;
cursor: pointer;
font-weight: 400;
text-align: center
}
.navigation ul a:hover,
.navigation ul .current-menu-item>a,
.navigation ul .current-menu-parent>a,
.navigation ul .current-menu-ancestor>a,
.navigation ul .current_page_item>a,
.navigation ul .current_page_parent>a,
.navigation ul .current_page_ancestor>a {
background-color: #f85c37
}
.navigation ul a {
-webkit-border-radius: 3px;
border-radius: 3px
}
.navigation ul a:hover:after,
.navigation ul .current-menu-item>a:after,
.navigation ul .current-menu-parent>a:after,
.navigation ul .current-menu-ancestor>a:after,
.navigation ul .current_page_item>a:after,
.navigation ul .current_page_parent>a:after,
.navigation ul .current_page_ancestor>a:after {
color: #00c2a9
}
.navigation ul ul {
position: relative;
display: none;
padding: 2px 10% 2px 10%;
width: 100%;
background-color: #ececec;
-webkit-border-radius: 3px;
border-radius: 3px
}
.navigation ul ul a:hover,
.navigation ul ul .current-menu-item>a,
.navigation ul ul .current-menu-parent>a,
.navigation ul ul .current-menu-ancestor>a,
.navigation ul ul .current_page_item>a,
.navigation ul ul .current_page_parent>a,
.navigation ul ul .current_page_ancestor>a {
color: #00c2a9
}
.copyright {
font-size: 11px
}
.developed {
font-size: 10px
}
}
@media only screen and (min-width:768px) and (max-width:992px) {
.ls-layer .extra-radius {
margin: 0;
width: 280px;
height: 280px
}
.ls-layer .inner-content h3 {
font-size: 25px
}
.cycle-rotator .item h1 {
font-size: 55px
}
.contact-text {
display: inline-block;
width: 49%
}
.masonry .post-item,
.masonry.col-4 .post-item,
#main .masonry .post-item {
width: 46%
}
.section>#post-area.masonry .post-item {
padding-left: 20px;
padding-right: 20px
}
.portfolio-items.col-4 article,
.portfolio-items.col-5 article,
.portfolio-items.col-6 article {
width: 33.33333333333333%
}
.project-meta span {
font-size: 12px
}
.content-boxes>ul>li {
width: 50%
}
}
@media only screen and (max-width:767px) {
blockquote.quote-text {
padding-left: 50px
}
blockquote.quote-text:before {
left: -5px;
top: 8px;
font-size: 65px
}
.inputs-block {
margin-right: 0;
width: 100%
}
.textarea-block {
margin-left: 0;
width: 100%
}
.full-inputs-block .input-block {
display: inline-block;
margin-left: 0;
width: 100%
}
.full-textarea-block textarea {
min-height: 160px
}
.mini-contacts {
text-align: center
}
.mini-contacts li {
display: block;
margin-right: 0
}
#logo {
padding: 10px 0;
max-width: 50%;
}
.header-type-out #logo {
padding: 30px 0;
display: block;
margin: 0 auto;
text-align: center
}
#header ul.social-icons {
display: block;
padding-top: 0;
text-align: center
}
.page-header h1 {
font-size: 40px
}
.section-title {
margin-bottom: 30px
}
.section-title * {
padding: 0
}
.section-title *:after,
.section-title *:before {
display: none
}
.clients-items li {
width: 50%
}
#main>#post-area.masonry,
.col-xs-12>#post-area.masonry {
margin-left: 0;
margin-right: 0
}
.masonry .post-item,
.masonry.col-4 .post-item,
#main .masonry .post-item {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
width: 100%
}
.section>#post-area.masonry .post-item {
padding-left: 25px;
padding-right: 25px
}
#comments {
margin-left: 0
}
#respond {
margin-left: 0
}
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
width: 100%
}
#respond textarea {
width: 100%;
min-width: 100%;
min-height: 200px
}
.reading-box {
text-align: center
}
.reading-box h3 {
margin-bottom: 25px
}
.fullscreen-entry {
padding: 2%
}
.cycle-rotator .item h1 {
font-size: 29px
}
.simple-pricing-table .column {
margin-bottom: 20px;
width: 100%
}
.simple-pricing-table.col-2 .column,
.simple-pricing-table.col-3 .column,
.simple-pricing-table.col-4 .column {
width: 100%
}
.simple-pricing-table .column:hover,
.simple-pricing-table .featured {
-webkit-transform: scale(1);
transform: scale(1)
}
.entry-item .entry-meta {
position: relative;
left: auto;
top: auto;
margin-bottom: 10px;
width: auto
}
.entry-item .entry-body {
margin-left: 0;
margin-bottom: 25px;
padding-bottom: 25px
}
.entry-item .post-meta {
margin-bottom: 15px
}
.portfolio-items.col-3 article,
.portfolio-items.col-4 article,
.portfolio-items.col-5 article,
.portfolio-items.col-6 article {
width: 100%
}
.project-single-entry+.tabs-holder {
margin-bottom: 0
}
.project-similar li {
width: 50%
}
.image-list {
margin-bottom: 30px
}
.copyright,
.developed {
text-align: center
}
.content-boxes>ul>li {
width: 100%
}
.counter-box .counter {
margin: 15px 0;
width: 100%
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
.extra-radius {
width: 200px;
height: 200px
}
.inner-content h2 {
margin-bottom: 10px;
font-size: 25px
}
.ls-layer .extra-radius {
margin: 0;
width: 195px;
height: 195px
}
.ls-layer .inner-content h3 {
font-size: 17px
}
.portfolio-items.col-3 article,
.portfolio-items.col-4 article,
.portfolio-items.col-5 article,
.portfolio-items.col-6 article {
width: 50%
}
.tabs-nav li a {
padding: 12px 20px
}
.counter-box .counter {
width: 50%
}
}
@media only screen and (max-width:479px) {
.extra-radius {
width: 260px;
height: 260px
}
.inner-content h2 {
margin-bottom: 10px;
font-size: 35px
}
.ls-layer .extra-radius {
margin: 0;
width: 105px;
height: 105px
}
.ls-layer .inner-content h3 {
font-size: 10px
}
.filter-container {
text-align: left
}
.portfolio-filter li {
display: inline-block;
margin: 1%;
width: 48%;
text-align: center
}
.cycle-rotator .item h1 {
font-size: 24px
}
.entry-item .entry-body {
margin-left: 0
}
.post-meta .entry-date:after {
padding: 0 2px 0 4px;
content: "/"
}
.section>#post-area.masonry .post-item {
padding-left: 20px;
padding-right: 20px
}
.tabs-nav li {
width: 50%
}
.clients-items li {
padding: 0 5%
}
} |