/*  Variable
----------------*/
/* Extra Large screens
=======================================================================*/
@media only screen and (min-width: 1824px) and (max-width: 2424px) {
  .mean-nav .title {
    display: none;
  }
  .top-search,
  .search-body {
    display: none;
  }
}
/* Large screens
=======================================================================*/
@media only screen and (min-width: 1224px) and (max-width: 1824px) {
  .mean-nav .title {
    display: none;
  }
  .top-search,
  .search-body {
    display: none;
  }
}
/* Desktops and laptops 
=======================================================================*/
@media only screen and (min-width: 992px) and (max-width: 1224px) {
  .mean-nav .title {
    display: none;
  }
  .top-search,
  .search-body {
    display: none;
  }
}
/* Tablet Layout: 768px.
=======================================================================*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mean-nav .title {
    display: none;
  }
  .top-search,
  .search-body {
    display: none;
  }
  .flat-mega-menu ul li a {
    font-size: 12px;
  }
  .flat-mega-menu .mega-menu .mega-menu-body {
    top: 45px;
  }
  .flat-mega-menu ul .single-nav {
    top: 45px;
  }
  .flat-mega-menu #contact {
    top: 45px;
  }
  .flat-mega-menu #user-form {
    top: 45px;
    width: 525%;
  }
  .flat-mega-menu ul .single-nav li .drop-right {
    left: 133px;
    top: 0;
  }
  .flat-mega-menu ul .single-nav li .drop-right li .drop-right-two {
    display: none;
    left: 133px;
    top: 0;
  }
}
/* Wide Mobile Layout: 480px. 
============================================================================*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .mean-nav .title {
    left: 50%;
  }
  .form-control {
    padding: 0px;
  }
  .user-login {
    display: none;
  }
  
  .category-title > h3 {
    padding: 10px;
    margin: 0px;
  }
  .mega-menu-body li h3 {
    padding-left: 75px;
  }
  .mega-menu-body li .category-list {
    padding-left: 40px;
  }
  .news-title img {
    padding: 0;
  }
  .news-title p {
    color: #222222;
    padding: 10px;
  }
  .more {
    background: #d80c7b !important;
  }
  .news-list > h3 {
    color: #ffffff;
    background: none ;
    border-bottom: 0 none;
    padding: 14px 20px;
  }
  #news li {
    color: #222222;
    border-top: 0px;
  }
  #news li a {
    text-align: center;
  }
  .flat-mega-menu > li > a {
    background: #d80c7b;
  }
  .form-control {
    padding: 0px 20px;
    width: 90%;
  }
  .address,
  .email,
  .phone {
    text-align: center;
    padding: 10px;
  }
  .arrow {
    display: none;
  }
}
/* Mobile Layout: 320px.
=================================================================*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .user-login {
    display: none;
  }
  .mean-nav .title {
    left: 130px;
  }
  .form-control {
    padding: 0px;
  }

  .category-title > h3 {
    padding: 10px;
    margin: 0px;
    padding: 14px 20px;
  }
  .mega-menu-body li h3 {
    padding-left: 75px;
  }
  .mega-menu-body li .category-list {
    padding-left: 40px;
  }
  .news-title img {
    padding: 0;
  }
  .news-title p {
    color: #222222;
    padding: 10px;
  }
  .more {
    background: #d80c7b !important;
  }
  .news-list > h3 {
    color: #ffffff;
    background: none ;
    border-bottom: 0 none;
  }
  #news li {
    color: #222222;
    border-top: 0px;
  }
  #news li a {
    text-align: center;
  }
  .form-control {
    padding: 0px 10px;
    width: 90%;
  }
  .address,
  .email,
  .phone {
    text-align: center;
    padding: 10px;
  }
  .arrow {
    display: none;
  }
}
/* Mobile Layout: 240px.
===================================================================*/
@media only screen and (min-width: 240px) and (max-width: 319px) {
  .user-login {
    display: none;
  }
  #user-form {
    text-align: center;
  }
  .mean-nav .title {
    left: 95px;
  }
  .form-control {
    padding: 0px;
  }

  .category-title > h3 {
    padding: 10px;
    margin: 0px;
  }
  .mega-menu-body {
    position: static;
  }
  .news-title img {
    padding: 0;
  }
  .news-title p {
    color: #222222;
    padding: 10px;
  }
  .more {
    background: #d80c7b !important;
    text-align: center;
  }
  .news-list > h3 {
    color: #ffffff;
    background: none ;
    border-bottom: 0 none;
    padding: 14px 20px;
  }
  #news li {
    color: #222222;
    border-top: 0px;
  }
  #news li a {
    text-align: center;
  }
  .address,
  .email,
  .phone {
    text-align: center;
    padding: 10px;
  }
  .arrow {
    display: none;
  }
}