/*
Theme Name: AlexTheme
Author: FelixPlus
Author URI: http://www.felixplus.com/
Version: 1.0.1
*/

@media screen and (max-width: 1120px) {
  
  .container {
    width: 1020px; 
  }
  .social-links {
  	margin-left: -8px;
  }
  .social-links li {
  	margin-left: 8px;
  }
}



@media screen and (max-width: 1023px) {

  .container {
    width: 940px; 
  }
  .flx-article-list-1-widget .widget-content .last-item {
  	margin-left: 0;
  	margin-right: 30px;
  }
  .flx-portfolio-2-widget .widget-content,
  .related-post .widget-content {
  	margin: 0 -10px;
  }
  .flx-portfolio-2-widget .widget-content .owl-carousel-4 .item,
  .related-post .widget-content .owl-carousel-8 .item {
  	padding: 0 10px;
  }
  .flx-team-post .flx-thumb {
  	max-width: 180px;
  	margin-right: 20px;
  }
  .flx-tab-1-widget .nav-tabs.flx-tabs-1 {
    margin: -5px 0 0;
  }
  .flx-tab-1-widget .nav-tabs.flx-tabs-1 > li {
    float: none;
    margin: 5px 0 0;
  }
  .category-nav .category-menu > li {
    margin-right: 15px;
  }
  .category-nav .category-menu > li:last-child {
    margin-right: 0;
  }
  .category-menu {
    display: none;
  }
  .category-nav .category-menu-mobile {
    display: block;
  }
  .flx-product-1-widget > ul > li {
    width: 33.333333%;
  }
  #homepage .h {font-size: 21px;}
}



@media screen and (max-width: 979px) {
  
  .container {
    width: 760px; 
  }
  .flx-article-list-1-widget .widget-content .last-item {
    max-width: 200px;
  }
  .flx-about .post .post-entry .time {
    margin-right: 20px;
  }
  .main-col-bar {
    font-size: 14px;
  }
  .flx-team-post .flx-thumb {
    float: none;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
  }
  .flx-gallery-1-widget .widget-content #sync10 .owl-item .item img,
  .flx-blog .flx-blog-post .flx-thumb #sync2 .owl-item .item img {
    max-width: 60px;
  }
  .flx-tab-1-widget .tab-content ul li .entry-post .flx-thumb {
    float: none !important;
    margin-bottom: 10px;
  }
  .flx-portfolio-detail-1 .flx-portfolio-secondary a {
    font-size: 12px;
  }
  .flx-portfolio-detail-1 .flx-portfolio-secondary .btn-rounded {
    padding: 15px;
  }
  .widget_top_rated_products ul.product_list_widget li > a img, 
  .widget_products ul.product_list_widget li > a img {
    float: none;
    margin: 0 0 10px;
    display: block;
  }
  .filters-options li {
    margin-left: 15px;
  }
}



@media screen and (max-width: 799px) {
  /*--- Layout ---*/
  .container {
    width: 720px;
  }
  .main-col .row > div {
    width: 100%;
  }
  .main-col-bar .btn-icon {
    padding: 15px;
  }
  .nav-tabs.flx-tabs-1 > li {
    float: left;
    margin: 0 0 0 20px;
  }
  .flx-tab-1-widget .tab-content ul li .entry-post .flx-thumb {
    float: left !important;
    margin-bottom: 0;
  }
  .main-col .flx-my-service-widget .row > div {
    width: 33.333333%;
  }
  .filters-options {
    display: none;
  }
  .filter-mobile {
    display: block;
  }
  .category-nav .category-menu-mobile > li .sf-mega {
    width: 390px;
  }
  .flx-portfolio-detail-1 .flx-portfolio-secondary {
    position: static !important;
  }
  .main-col .sticky-wrapper {
    height: auto !important;
  }
  #homepage .h {font-size: 27px;}
}



@media screen and (max-width: 767px) {
  /*--- Layout ---*/
  body {
    padding: 0; }

  .container {
    width: 600px; 
  }
  
  .flx-profile-widget {
    border-radius: 3px;
  }
  .flx-home-page #flx-page-header {
    padding-bottom: 50px;
  }
  #flx-page-header {
    padding-bottom: 100px;
  }
  .flx-page-header-s2 .page-title h1 {
    margin-top: 0;
  }
  .flx-portfolio-widget ul li {
    width: 25%;
  }
  #main-nav {
    display: none;
  }
  .main-nav-mobile {
    display: block;
  }
  #flx-page-header.flx-page-header-s4 {
    padding-bottom: 50px;
  }
  .flx-tab-1-widget .nav-tabs.flx-tabs-1 > li {
    float: left;
    margin: 0 0 10px 15px;
  }
  .flx-tab-1-widget .nav-tabs.flx-tabs-1 > li:first-child {
    margin-left: 0;
  }
  .owl-carousel-11 .item .entry-item .flx-entry {
    bototm: 20px;
  }
  .owl-carousel-11 .item .entry-item .flx-entry h2 {
    font-size: 34px;
  }
  .sidebar {
    margin-top: 30px;
    display: none;
  }
  .sticky-wrapper.is-sticky #sticky-nav {
    display: none;
  }
  

}



@media screen and (max-width: 639px) {
  /*--- Layout ---*/
  .container {
    width: 440px; }
  .flx-article-list-1-widget .widget-content .last-item {
    max-width: 180px;
    margin-right: 20px;
  }
  .main-col-bar .our-status {
    display: none;
  }
  #flx-page-footer #copyright {
    float: none !important;
    text-align: center;
    margin-bottom: 10px;
  }
  #footer-nav {
    float: left !important;
  }
  #footer-nav #footer-menu {
    padding: 0;
  }
  #footer-nav #footer-menu li:last-child span {
    display: none;
  }
  .flx-portfolio-detail-2 .flx-portfolio-thumb #sync6 .owl-item .item img {
    max-width: 60px;
  }
  .owl-carousel-11 .item .entry-item .flx-entry {
    bottom: 20px;
  }
  .owl-carousel-11 .item .entry-item .flx-entry h2 {
    margin-bottom: 20px;
  }
  .owl-carousel-11 .item .entry-item .flx-entry h2 {
    font-size: 22px;
  }
  .owl-carousel-11 .item .entry-item .flx-entry h4 {
    font-size: 14px;
    line-height: 1;
  }
  .portfolio-list-item > li {
    width: 100%;
  }
}



@media screen and (max-width: 479px) {
  /*--- Layout ---*/
  .container {
    width: 300px; }
  .flx-my-service-widget .row > div i {
    font-size: 30px;
  }
  .flx-my-service-widget .row > div {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .flx-my-service-widget .row > div span {
    font-size: 12px;
  }
  .flx-article-list-1-widget .widget-content .last-item {
    max-width: 100%;
    float: none;
    margin: 0 0 20px;
  }
  .flx-article-list-1-widget .widget-content .older-posts {
    overflow: visible;
  }
  .flx-about .post .post-entry .time {
    float: none !important;
    display: inline-block;
    margin: 0 0 10px;
  }
  #back-top {
    display: none !important;
  }
  .flx-404 .flx-white-box .search-box .search-form {
    width: 100%;
  }
  /*.portfolio-list-item > li,*/
  .owl-carousel-11 .item .entry-item .flx-entry h2,
  .owl-carousel-11 .item .entry-item .flx-entry > a {
    display: none;
  }
  .nav-tabs.flx-tabs-1 > li {
    margin-left: 10px;
  }
  .nav-tabs.flx-tabs-1 > li a {
    font-size: 13px;
  }
  .flx-spinner .ui-spinner a.ui-spinner-down::before,
  .flx-spinner .ui-spinner a.ui-spinner-up::before {
    font-size: 14px;
  }
  .main-col .flx-my-service-widget .row {
    border-top: none;
  }
  .main-col .flx-my-service-widget .row > div {
    width: 100%;
    border-left: none;
  }
  #homepage .h {font-size: 25px;}
  

}