@media screen and (max-width:1200px) {
.pp-sidebar {
width:970px
}
.pl-item-title {
width:180px
}
.topic-list-content--title {
width:240px
}
}
@media screen and (min-width:992px) and (max-width:1200px) {
.latest-products-metadata-content .sales {
float:none;
display:block;
margin-top:10px
}
.latest-products-metadata-content .action-btns a.btn {
float:none;
margin-top:20px
}
.lp-price-tag {
float:left;
width:120px;
margin-top:5px
}
span.mp-item-meta-tag {
max-width:50px
}
}
@media screen and (max-width:991px) {
.header-navbar .navbar-header {
float:none;
margin-right:-15px;
margin-left:0
}
.header-navbar .navbar-toggle {
display:block
}
.header-navbar .nav-logo {
margin-top:4px;
display:inline-block
}
#navbar {
display:none!important;
float:none!important
}
#navbar.collapse.in {
display:block!important;
position:absolute;
left:0;
right:0;
height:350px!important;
overflow:auto!important;
background-color:#fff;
box-shadow:0 0 8px rgba(0, 0, 0, .28);
z-index:-1
}
#navbar>.nav {
margin:0;
padding:0;
float:none
}
#navbar>.nav>li {
float:none
}
#navbar>.nav>li>a {
padding:15px 30px 11px
}
#navbar>.nav>li.dropdown>.dropdown-menu {
position:relative;
width:100%;
padding:0 0 30px;
box-shadow:none
}
#navbar>.nav>li.dropdown:hover>.dropdown-menu {
display:none
}
#navbar>.nav>li.dropdown.open:hover>.dropdown-menu {
display:block
}
#navbar>.nav>li.dropdown>.dropdown-menu>li>a {
padding:15px 30px 11px
}
#navbar .dropdown-menu.megamenu {
top:0;
margin:0;
padding:0;
z-index:1
}
#header.sticky #navbar .dropdown-menu.megamenu {
top:0
}
#navbar .megamenu .container {
padding:0;
width:auto
}
#navbar .megamenu-content {
box-shadow:none
}
#navbar .megamenu-content>.row>div {
padding:0
}
#navbar .megamenu-content>.row {
margin:0
}
#navbar .megamenu a {
padding-left:30px
}
.about-content-holder, .service-item:nth-last-child(2), .service-item:nth-last-child(3) {
margin-bottom:40px
}
.skill-video {
position:relative;
width:100%;
height:645px
}
.skills-description {
padding-left:0;
padding-right:0;
width:720px;
margin:0 auto;
float:none!important
}
.latest-product-item img, .mp-item-img img {
width:100%
}
.skills-progress-bars {
margin-top:40px
}
.latest-products-metadata {
margin-top:15px
}
.lpp-items {
display:none!important
}
.twitter-feed-content {
height:auto;
margin-top:30px
}
.blog-page--content+.blog-page--sidebar:before, .blog-page--sidebar+.blog-page--content:before {
content:" ";
position:absolute;
top:0;
left:15px;
right:15px;
height:1px;
background-color:#e9e9e9
}
#subscribeForm, #subscribeFormInput {
margin-bottom:20px
}
#subscribeForm button.btn {
display:block;
margin:0 auto
}
#subscribe h2 {
margin-bottom:20px
}
#subscribe h2, #subscribeForm {
text-align:center
}
.mp-item-img {
max-height:none
}
.feedback-slider {
margin-bottom:140px
}
.blog-item {
margin-bottom:50px
}
.blog-item-content h2 {
margin-top:20px
}
.blog-page--content+.blog-page--sidebar, .blog-page--sidebar+.blog-page--content {
margin-top:30px;
padding-top:30px
}
.blog-item-post-meta--social {
float:none;
margin-top:15px
}
.blog-item-post-meta--social ul li {
margin-left:0;
margin-right:20px
}
.footer-about {
margin-bottom:40px
}
.mb-sm-30 {
margin-bottom:30px
}
.mb-sm-100 {
margin-bottom:100px
}
.pricing-table--item:nth-last-child(1), .pricing-table--item:nth-last-child(2) {
margin-bottom:0
}
.pricing-table--item {
margin-bottom:30px
}
.about-details--content {
margin:0 0 50px
}
#aboutDetails>.container>.row {
display:block;
height:auto
}
#aboutDetails>.container>.row>div {
float:none;
display:block
}
.process--item {
margin-bottom:25px;
padding-bottom:25px
}
.process--item:before {
top:100%;
left:50%;
right:auto;
-webkit-transform:translate(-50%, -50%) rotate(90deg);
-ms-transform:translate(-50%, -50%) rotate(90deg);
transform:translate(-50%, -50%) rotate(90deg)
}
.process--item:last-child {
margin-bottom:0;
padding-bottom:0
}
.topic--sidebar {
margin-top:30px
}
#close-switcher, #open-switcher, #switcher-color {
display:none
}
.fancybox-youtube-video {
width:90%!important;
left:50%!important;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
.fancybox-youtube-video .fancybox-inner {
width:100%!important
}
}
@media screen and (max-width:767px) {
.header-logo {
text-align:center
}
.skills-description {
width:auto;
padding-left:15px;
padding-right:15px
}
.counter-holder {
margin-bottom:50px
}
.counter-holder:nth-child(3), .counter-holder:nth-child(4) {
margin-bottom:0
}
.back-to-top {
right:15px;
bottom:15px
}
#footerSubscribeForm {
margin-bottom:40px
}
.pricing-table--item:nth-last-child(2) {
margin-bottom:30px
}
.pl-item-details {
display:none
}
.pl-item-sold {
padding-left:50px
}
.topic-list-content--title {
width:80%
}
.topic-list-content--stats {
float:right;
margin-top:15px;
margin-right:30px
}
.topic-list-content--stats p:first-child {
margin-left:0
}
.topic-list-content--meta {
float:none;
width:auto;
margin:70px 18px 0
}
.topic-list-content--meta a.avater {
width:32px
}
.contact-address {
margin-bottom:50px
}
}
@media screen and (min-width:481px) {
.clients-slider .owl-wrapper {
-webkit-transform:none!important;
-ms-transform:none!important;
transform:none!important
}
}
@media screen and (max-width:480px) {
.call-to-action--btn, .call-to-action--content {
float:none;
text-align:center
}
.banner-content .heading {
font-size:50px
}
#subscribeFormInput {
min-width:auto;
width:100%
}
#subscribeForm button.btn {
width:100%
}
#counter>.container>.row>div {
width:100%;
float:none;
margin-bottom:30px
}
#counter>.container>.row>div:last-child {
margin-bottom:0
}
.mp-item-meta>span:nth-child(3) {
border-right:1px solid #e9e9e9
}
span.mp-item-meta-favorite {
display:none
}
.pl-tab-nav li {
display:block;
width:auto
}
.clients-holder:after, .clients-holder:before, .pl-item-details, .pl-item-sold, .pl-tab-nav li a:before {
display:none
}
.pl-item-thumb {
padding-right:22%
}
.clients-slider .owl-wrapper-outer {
overflow:hidden
}
.clients-slider .owl-item {
margin-right:0
}
.team-item .overlay blockquote {
font-size:14px
}
.team-item .overlay blockquote p:before {
top:-20px;
left:-40px
}
.team-item .overlay blockquote p:after {
bottom:-20px
}
.call-to-action--content {
margin:0 0 30px
}
.topic-list-content--title {
width:70%
}
}
@media screen and (max-width:320px) {
.banner-content .heading {
font-size:45px
}
}