/* 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%;}
}