@media only screen (min-width: 1100px) {
}


/* Tablet (Portrait) */
/* Width of 768px */

@media only screen and (min-width: 768px) and (max-width: 1000px) {
#page_wrap, #container {
 width:708px;
}

/* Container Top
----------------------------------------------------------------------------------------------------*/
#container_top {
 height:40px;
 margin-top: 60px;
}

/* Jqueryslidemenu
----------------------------------------------------------------------------------------------------*/
.jqueryslidemenu ul li a {
padding:16px 20px 16px 20px
}

/* Home Page Slider
----------------------------------------------------------------------------------------------------*/
#carousel-wrapper .caroufredsel_wrapper {
 height: 298px !important;
}
 #thumbs-wrapper {
height:100px !important;
}
 .slider_text {
bottom:39%;
}

/* Sign up info
----------------------------------------------------------------------------------------------------*/
.mail_form .s {
width:121px;
}


/* Portfolio
----------------------------------------------------------------------------------------------------*/
.image_grid {
 width:800px;
}
 #portfolio_4_col li img {
width:135px;
}
 #portfolio_3_col li img {
width:192px;
}
 #portfolio_2_col li img {
width:302px;
}
 #portfolio_sidebar {
width:480px !important;
}
 #portfolio_sidebar ul li img {
width:180px;
}
 .view h2 {
font-size:13px;
 line-height: 13px;
}
 .mask {
 padding: 20% 10% 10%;
}
 .view p {
 font-size: 12px;
 padding-bottom:10px;
}

/* Elements Buttons
----------------------------------------------------------------------------------------------------*/
.shortcode_buttons a {
margin-bottom:20px;
}
}
/* Mobile landscape width 320 */
@media only screen and (max-width: 767px) {
#page_wrap {
 width:280px;
 margin-top:60px;
}

/* Container top
----------------------------------------------------------------------------------------------------*/
#container_top {
display:none;
}

/* Logo
----------------------------------------------------------------------------------------------------*/
#logo {
padding:30px 0px 10px 0px;
}


/* Jqueryslidemenu
----------------------------------------------------------------------------------------------------*/
.jqueryslidemenu ul {
display:none;
}
 .jqueryslidemenu {
display:block;
float:none;
width:100%;
text-align:center;
padding:1px 0px 1px 0px;
}
 .jqueryslidemenu select {
display:block;
margin:20px auto;
padding:5px 2%;
width:96%;
}


/* Home Page Slider
----------------------------------------------------------------------------------------------------*/
#carousel-wrapper .caroufredsel_wrapper {
 height:119px !important;
}
 #thumbs-wrapper {
height:64px !important;
}
 .slider_text {
display:none;
}

/* Teaser
----------------------------------------------------------------------------------------------------*/
.teaser h2 {
font-size:20px;
line-height:30px;
}

/* Sub Header
----------------------------------------------------------------------------------------------------*/
.bread_crumb {
float:none;
text-align:center;
}
 .search_box {
float:none;
text-align:center;
width:300px;
margin:20px auto;
}
 .search_box .s {
width:170px;
}

/* Sign Up Info
----------------------------------------------------------------------------------------------------*/
.mail_form .s {
width:94px;
}

/* Portfolio
----------------------------------------------------------------------------------------------------*/
.image_grid {
width:300px !important;
}
 .image_grid li img {
width:213px;
}
 .view h2 {
font-size:13px;
 line-height: 13px;
}
 .mask {
 padding: 20% 10% 10%;
}
 .view p {
 font-size: 12px;
 padding-bottom:10px;
}
 .portfolio_nav {
float:left;
margin:30px 0px;
}
 .splitter li a {
margin-bottom:1px;
}
.splitter ul li a {
float:none;
background-color:#eee;
display:block;
width:190px;
}
 .splitter ul li.selected-0 a, .splitter ul li.selected-1 a, .splitter ul li.selected-2 a, .splitter ul li.selected-3 a, .splitter ul li.selected-4 a, .splitter ul li.selected-5 a, .splitter ul li.selected-6 a, .splitter ul li.selected-7 a, .splitter ul li.selected-8 a, .splitter ul li.selected-9 a {
border:none;
}

/* Aside
----------------------------------------------------------------------------------------------------*/
.one_third_last .sidebar_top {
 background-image: none;
}
.one_third_last .sidebar_middle {
 background-image: none;
 padding-left:0px;
}
.one_third_last .sidebar_bottom {
 background-image: none;
}
 .one_third .sidebar_top {
 background-image: none;
}
 .one_third .sidebar_middle {
 background-image: none;
 padding-right:0px;
}
 .one_third .sidebar_bottom {
 background-image: none;
}

/* Sudo Slider
----------------------------------------------------------------------------------------------------*/
#sudo_portfolio_single_wrapper a.prevBtn, #sudo_portfolio_single_wrapper a.nextBtn {
bottom:100px !important;
}

/* Elements Buttons
----------------------------------------------------------------------------------------------------*/
.shortcode_buttons a {
margin-bottom:20px;
}
 
/* Columns
----------------------------------------------------------------------------------------------------*/
.one_half, .one_half_last, .one_third, .one_third_last, .two_third, .two_third_last, .one_fourth, .one_fourth_last, .two_fourth, .two_fourth_last, .three_fourth, .three_fourth_last, .one_fifth, .one_fifth_last, .two_fifth, .two_fifth_last, .three_fifth, .three_fifth_last, .four_fifth, .four_fifth_last, #pricing_table .one_third, #pricing_table .one_fourth {
width: 100%;
margin-bottom:30px;
}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
#page_wrap {
 width:440px;
}

/* Container Top
----------------------------------------------------------------------------------------------------*/
#container_top {
 height:25px;
 margin-top: 60px;
}

/* Logo
----------------------------------------------------------------------------------------------------*/
#logo {
padding:30px 0px 10px 0px;
}

/* Jqueryslidemenu
----------------------------------------------------------------------------------------------------*/
.jqueryslidemenu ul {
display:none;
}
 .jqueryslidemenu {
display:block;
float:none;
width:100%;
text-align:center;
padding:1px 0px 1px 0px;
}
 .jqueryslidemenu select {
display:block;
margin:20px auto;
padding:5px 2%;
width:96%;
}



/* Home Page Slider
----------------------------------------------------------------------------------------------------*/
#carousel-wrapper .caroufredsel_wrapper {
 height:186px !important;
}
 #thumbs-wrapper {
height:80px !important;
}
 .slider_text {
display:none;
}

/* Teaser
----------------------------------------------------------------------------------------------------*/
.teaser h2 {
font-size:20px;
line-height:30px;
}

/* Sub Header
----------------------------------------------------------------------------------------------------*/
.bread_crumb {
float:none;
text-align:center;
}
 .search_box {
float:none;
text-align:center;
width:300px;
margin:20px auto;
}
 .search_box .s {
width:250px;
}

/* Sign Up Info
----------------------------------------------------------------------------------------------------*/
.mail_form .s {
width:161px;
}

/* Portfolio
----------------------------------------------------------------------------------------------------*/
.image_grid {
width:410px !important;
}
 .image_grid li img {
width:170px;
}
 #portfolio_sidebar {
width:410px !important;
}
 #portfolio_sidebar ul li img {
width:170px;
}
 .splitter li a {
margin-bottom:1px;
}
.splitter ul li a {
float:none;
background-color:#eee;
display:block;
width:350px;
}
 .splitter ul li.selected-0 a, .splitter ul li.selected-1 a, .splitter ul li.selected-2 a, .splitter ul li.selected-3 a, .splitter ul li.selected-4 a, .splitter ul li.selected-5 a, .splitter ul li.selected-6 a, .splitter ul li.selected-7 a, .splitter ul li.selected-8 a, .splitter ul li.selected-9 a {
border:none;
}
 .view h2 {
font-size:13px;
 line-height: 13px;
}
 .mask {
 padding: 20% 10% 10%;
}
 .view p {
 font-size: 12px;
 padding-bottom:10px;
}

/* Aside
----------------------------------------------------------------------------------------------------*/
.one_third_last .sidebar_top {
 background-image: none;
}
.one_third_last .sidebar_middle {
 background-image: none;
 padding-left:0px;
}
.one_third_last .sidebar_bottom {
 background-image: none;
}
 .one_third .sidebar_top {
 background-image: none;
}
 .one_third .sidebar_middle {
 background-image: none;
 padding-right:0px;
}
 .one_third .sidebar_bottom {
 background-image: none;
}
}
