@media(max-width:767px){
  .header {
    height: auto;
  }
  .top .logo {
    display: block;
    float: none;
    width: auto;
  }
  .top .logo img {
    display: block;
    float: none;
    margin: 0 auto;
    vertical-align: top;
  }
  .logo_title {
    display: block;
    margin: 0 30px;
    padding-top: 11px;
  }
  .top-nav {
    float: none;
  }
  .slider {
    display: none;
  }
  .promo-btns {
    float: none;
  }
  .promo-btns a {
    margin: 0 auto 6px;
  }
  .like-area {
    height: auto;
  }
  .newsletter {
    float: none;
    text-align: center;
  }
  .newsletter input {
    display: block;
    margin: 0 auto 6px;
  }
  .like {
    float: none;
    margin: 5px 21px 15px;
  }
  .breadcrumbs-area {
    height: auto;
  }
  .breadcrumbs-area a {
    margin: 0 5px;
    padding: 5px 10px;
  }
  .breadcrumbs-area .urgent-info {
    float: none;
    margin: 9px 0 10px;
  }
  .breadcrumbs-area .urgent-info a {
    margin: 0 5px;
    padding: 5px 10px;
  }
  .right-sidebar {
    float: none;
    padding: 0 20px 50px;
    width: auto;
    margin: 0;
  }
  .container {
    float: none;
    width: auto;
    padding: 0 20px;
  }
  .content {
    float: none;
    padding: 0;
  }
  .page-body .col-1 {
    float: none;
    margin: 0;
    width: auto;
    max-width: 100%;
  }
  .page-body .col-2 {
    float: none;
    margin: 0;
    width: auto;
    max-width: 100%;
  }
}

/* Small */
@media(min-width:768px) and (max-width:991px){
  .header {
    height: auto;
  }
  .slider {
    float: none;
  }
  .promo-btns {
    float: none;
    margin: 38px 0 10px;
    text-align: center;
  }
  .flex-control-nav {
    text-align: center!important;
  }
  .like {
    display: none!important;
  }
  .newsletter {
      float: none;
      padding: 0 20px;
  }
  .promo-btns a {
    display: inline-block; *display: inline; *zoom: 1;
    height: 35px;
    line-height: 35px;
    margin: 0 auto 6px;
    padding: 0 22px;
    text-align: center;
    width: auto;
  }
  .right-sidebar {
    float: none;
    padding: 0 20px 50px;
    width: auto;
    margin: 0;
  }
  .container {
    float: none;
    width: auto;
    padding: 0 20px;
  }
  .content {
    float: none;
    padding: 0;
  }
  .page-body .col-1 {
    float: none;
    margin: 0;
    width: auto;
    max-width: 100%;
  }
  .page-body .col-2 {
    float: none;
    margin: 0;
    width: auto;
    max-width: 100%;
  }  
}
@media(min-width:991px) and (max-width:1100px){
  .header {
    height: auto;
  }
  .slider {
    float: none;
    margin: 0 auto;
  }
  .promo-btns {
    float: none;
    text-align: center;
    margin: 30px 0 10px;
  }  
  .promo-btns a {
    display: inline-block; *display: inline; *zoom: 1;
    height: 35px;
    line-height: 35px;
    margin: 0 auto 6px;
    padding: 0 22px;
    text-align: center;
    width: auto;
  }
  .page-body .col-1 {max-width:100%}
  .page-body .col-2 {max-width:100%}
  .content {
  padding: 0 320px 0 0;
  }
}
/* Medium */
@media(min-width:992px) and (max-width:1199px){}

/* Large */
@media(min-width:1200px){}