/* CStar Design - V2.0 Responsive Design */

/* hidding elements responsive layouts */
.display_tablet,.display_mobile_landscape,.display_mobile_portrait,
.cycle-responsive,.flashmo-responsive,.piecemaker-responsive,
.kwicks-responsive,.cslider-responsive,.responsive-menu {
  display: none;
}

/* @media only screen and (min-width: 1024px) { #boxed-layout{ max-width: 1200px; } }
@media only screen and (max-width: 1200px) { #boxed-layout{ max-width: 1000px; } }
 */
@media only screen and (max-width: 959px) {
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
   
  html, body {
    min-width: 768px;
    overflow-x: hidden;
  }

  img {
    max-width: 100% !important;
    height: auto !important;
    vertical-align: bottom;
  }

  .imageborder {
    max-width: 100%;
    -webkit-box-sizing: border-box;
 /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
         /* Opera/IE 8+ */;
  }

  .inner {
    width: 748px !important;
  /* tablet-width */;
  }
   
   /* if layout boxed */
  #boxed-layout {
    width: 748px !important;
  }

  #boxed-layout  .inner {
    width: 700px !important;
  }
   
   /* content fix */
  .sidebar-left #main {
    width: 70% !important;
  }

  .sidebar-left #sidebar {
    width: 25% !important;
  }

  .sidebar-right #main {
    width: 70% !important;
  }

  .sidebar-right #sidebar {
    width: 25% !important;
  }

   /* icon links fix */
  a.icon_link, a.icon_document, a.icon_video, a.icon_image, a.icon_lightbox {
    display: block;
  }
   
   /* header fix */
  #header .menu {
    top: -999px;
  }

  .responsive-menu {
    position: absolute;
    display: block;
    right: 0;
    bottom: 10px;
    width: 300px;
  }

  .responsive-menu select {
    width: 100%;
  }

   /* disable not responsive sliders */
  .display_desktop,
   .cycle-wrapper,.flashmo,.piecemaker,.kwicks,.cslider,.nivo-caption {
    display: none !important;
  }
   
   /* active default responsive pictures */
  .display_tablet,.cycle-responsive,.flashmo-responsive,
   .piecemaker-responsive,.kwicks-responsive,.cslider-responsive {
    display: block;
    position: relative;
    overflow: hidden;
    max-width: 100%;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  
  html, body {
    min-width: 480px;
    overflow-x: hidden;
  }

  img {
    max-width: 100% !important;
    height: auto !important;
    vertical-align: bottom;
  }

  .imageborder {
    max-width: 100%;
    -webkit-box-sizing: border-box;
 /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
         /* Opera/IE 8+ */;
  }

  .inner, .wrapper {
    width: 420px  !important;
  /* tablet-width */;
  }
   
   /* if layout boxed */
  #boxed-layout {
    width: 460px !important;
  }

  #boxed-layout  .inner {
    width: 420px !important;
  }
   
   /* content fix */
  .sidebar-left #main {
    width: 100% !important;
    margin-bottom: 40px;
  }

  .sidebar-left #sidebar {
    width: 100% !important;
  }

  .sidebar-right #main {
    width: 100% !important;
    margin-bottom: 40px;
  }

  .sidebar-right #sidebar {
    width: 100% !important;
  }
   
   /* icon links fix */
  a.icon_link, a.icon_document, a.icon_video, a.icon_image, a.icon_lightbox {
    display: block;
  }
   
   /* header fix */
  #header {
    display: block;
    float: left;
    height: auto;
    width: 100%;
  }

  #header .logo {
    position: relative;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: 20px 0;
    text-align: center;
  }

  #header .inner-right {
    display: inline-block;
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
  }
   
   /* fix menu */
  #header .menu {
    top: -999px;
  }

  .responsive-menu {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    padding: 0;
  }

  .responsive-menu select {
    width: 100%;
  }
   
   /* disable not responsive sliders */
  .display_desktop,
   .cycle-wrapper,.flashmo,.piecemaker,.kwicks,.cslider,.nivo-caption,.flex-content {
    display: none !important;
  }
   
   /* active default responsive pictures */
  .display_mobile_landscape,
   .cycle-responsive,.flashmo-responsive,.piecemaker-responsive,
   .kwicks-responsive,.cslider-responsive {
    display: block;
    position: relative;
    overflow: hidden;
    max-width: 100%;
  }

  .one_half,.one_third,.one_fourth,.one_fifth,.one_sixth,
   .two_third,.three_fourth,.four_fifth,.five_sixth,.two_fifth,.three_fifth {
    width: 100%;
  }
   
   /*.portfolio-wrap .last{  margin: 0 2%!important; }*/
  .portfolio-wrap .space20 {
    display: none;
  }

  .portfolio-wrap .one_third {
    width: 46%;
    margin: 0 2%!important;
  }

  .portfolio-wrap .one_fourth {
    width: 46%;
    margin: 0 2%!important;
  }

  .portfolio-wrap .one_fifth {
    width: 30%;
    margin: 0 8.5%!important;
  }

  .portfolio-wrap .one_sixth {
    width: 29%;
    margin: 0 2%!important;
  }

  .sidebar-right .one_half {
    width: 46%;
    margin: 0 2%!important;
  }

  .post-wrapper .post-content {
    clear: both;
    float: left;
    width: 100%;
  }
}

@media only screen and (max-width: 479px) {
   
  html, body {
    min-width: 320px;
    overflow-x: hidden;
  }

  img {
    max-width: 100% !important;
    height: auto !important;
    vertical-align: bottom;
  }

  .imageborder {
    max-width: 100%;
    -webkit-box-sizing: border-box;
 /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
         /* Opera/IE 8+ */;
  }

  .inner, .wrapper {
    width: 300px  !important;
  /* tablet-width */;
  }
   
      /* if layout boxed */
  #boxed-layout {
    width: 300px !important;
  }

  #boxed-layout  .inner {
    width: 260px !important;
  }
   
   /* content fix */
  .sidebar-left #main {
    width: 100% !important;
    margin-bottom: 40px;
  }

  .sidebar-left #sidebar {
    width: 100% !important;
  }

  .sidebar-right #main {
    width: 100% !important;
    margin-bottom: 40px;
  }

  .sidebar-right #sidebar {
    width: 100% !important;
  }
   
   /* icon links fix */
  a.icon_link, a.icon_document, a.icon_video, a.icon_image, a.icon_lightbox {
    display: block;
  }
   
   /* header fix */
  #header {
    display: block;
    float: left;
    height: auto;
    width: 100%;
  }

  #header .logo {
    position: relative;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: 20px 0;
    text-align: center;
  }

  #header .inner-right {
    display: inline-block;
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
  }
   
   
   /* fix menu */
  #header .menu {
    top: -999px;
  }

  .responsive-menu {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    padding: 0;
  }

  .responsive-menu select {
    width: 100%;
  }
   
   /* disable not responsive sliders */
  .display_desktop,
   .cycle-wrapper,.flashmo,.piecemaker,.kwicks,.cslider,.nivo-caption,.flex-content {
    display: none !important;
  }
   
   /* active default responsive pictures */
  .display_mobile_portrait,
   .cycle-responsive,.flashmo-responsive,.piecemaker-responsive,
   .kwicks-responsive,.cslider-responsive {
    display: block;
    position: relative;
    overflow: hidden;
    max-width: 100%;
  }

  .portfolio-wrap .imageborder {
    display: inline-block;
  }

  .portfolio-wrap {
    text-align: center;
  }

  .one_half, .one_third, .one_fourth, .one_fifth, .one_sixth,
   .two_third, .three_fourth, .four_fifth, .five_sixth, .two_fifth, .three_fifth {
    width: 100%;
  }
}