/*

		XML STRUCTURE
		
		GENERAL
			Misc Classes
			Data Table
			Code
			Clear Floated Elements
			Header
				Main Menu
				Sub Menu
			Content
				Side Navigation
				Divider Page
				Form Elements
				Our Clients
				Page404
				Filter Options
				Our Team
				Feature Box
				Page Navigation
				Blog
				Recent works & Related Post
				Sliders
				Camera Desc
				Sliders Min-Height
				Pricing Tables
				Tipsy Tooltip
			Footer
				Recent Posts
				Twitter
				Photo Stream
		
		DESKTOP
			Containers
			Grid >> Global
			Grid >> Children
			Grid >> 12 Columns
			Header
				Main Menu
			Container
				Pricing Tables
		
		TABLETS
			Containers
			Grid >> Global
			Grid >> Children
			Grid >> 12 Columns
			Clear Floated Elements
			Header
			Container
				Sliders Min-Height
				Our Clients
				Recent Works
				Team Members
				Flex Slider Content
				Pricing Tables
				
		MOBILE
			Header
			Content
				Camera Desc
				Post Share
				Sidebar
				Tabs
				Sliders Min-Height
				Flex Slider Content
				Recent Works
				Team Members
			Footer

*/
@import url('reset.css');
@import url('text.css');
@import url('shortcodes.css');
/*
@import url('prettyPhoto.css');
@import url('cameraSlider.css');
@import url('../images/nivoThemes/dark/dark.css');
@import url('nivo-slider.css');
@import url('flexslider.css');
@import url('liteaccordion.css');*/
/*You can use pink.css, blue.css, black.css, green.css, orange.css or you can duplicate a color file and choose your colors*/
@import url('blue.css');
@import url('pageparts.css');
@import url('../fancybox/jquery.fancybox.css');

/*@import url('wide.css');*/

/* GENERAL
-----------------------------------------------------------------------------------------------------------------------------*/

body {
    zoom: 1;
}

html {
    content: "";
    background: url(../images/bg_opacity.jpg) 50% 50% / cover no-repeat fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    /*z-index: -1;*/
}

.container_full {
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0px -4px 7px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px -4px 7px rgba(0, 0, 0, .2);
    box-shadow: 0px -4px 7px rgba(0, 0, 0, .2);
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
}

small {
    font-size: 11px;
}

video {
    width: 100%;
    height: auto;
}

/*Misc Classes
-------------------*/
.align_center {
    text-align: center;
}

.align_right {
    text-align: right;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

/* Data Table
-------------------*/
.data, .data th, .data td {
    border-style: solid;
    border-color: #ddd;
}

.data {
    border-width: 0 1px 1px;
    width: 100%;
}

.data caption {
    padding: 0 10px 5px;
    text-transform: uppercase;
}

.data th, .data td {
    border-top-width: 1px;
    padding: 5px 10px;
}

.data th {
    white-space: nowrap;
}

.data thead th {
    background: #eee;
    font-weight: bold;
    text-shadow: #fff 0 1px 0;
}

.data tbody th {
    width: 1px;
}

.data tr th:first-child {
    text-align: right;
}

/* Code
-------------*/
pre, code {
    font-size: 14px;
    font-family: Menlo, Courier, monospace;
    border: 1px solid #e0e0e0;
    overflow: auto;
    padding: 20px 0 18px 10px;
    background: url('../images/pattern/testimonial_bg.png');
    line-height: 20px;
}

* html pre {
    overflow: hidden;
    width: 97%;
}

code {
    width: 98%;
    display: block;
}

/* Clear Floated Elements
---------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before, .clearfix:after, .container_12:before, .container_12:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

.clearfix:after, .container_12:after {
    clear: both;
}

/*.clearfix,.container_12,.container_full 	{zoom: 1;}*/

/* Header
--------------*/
#header_wrapper {
    background: url('../images/pattern/header_pattern2.png');
}

#header {
    margin: 0 auto;
    position: relative;
    -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1);
    z-index: 7000;
}

.withSlider {
    padding: 0 !important;
}

.withSlider #header {
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -470px;
}


/*Main Menu*/
ul#mainmenu {
    top: 50%;
    right: 0;
    margin: -30px 0 0 0;
    padding: 0;
    position: absolute;
}

ul#mainmenu li {
    position: relative;
    display: inline;
    float: left;
    list-style-type: none;
}

ul#mainmenu > li a {
    border: 0;
    font-size: 18px;
    line-height: 1em;
    display: block;
    text-decoration: none;
}

ul#mainmenu > li:first-child {
    height: 60px;
    overflow: hidden;
}

.mobile_link {
    display: none !important;
}

.header_text {
    position: relative;
    padding: 20px 0;
    margin-bottom: 30px;
}

.header_text h1 {
    margin-bottom: 0;
}

.header_text h3 {
    margin-bottom: 5px;
}

.header_text p {
    margin-bottom: 0;
}

/* Sub Menu*/
ul#mainmenu li ul {
    position: absolute;
    left: 0;
    display: block;
    visibility: hidden;
    z-index: 7999;
    margin-top:0px;
}

ul#mainmenu li ul li {
    display: list-item;
    float: none;
    min-width: 180px;
    white-space: nowrap;
    margin: 0;
    list-style-type: none;
}

ul#mainmenu li ul li ul {
    top: 0;
}

ul#mainmenu li ul li a {
    font-size: 17px;
    font-weight: 400;
    line-height: 1em;
    border-top-width: 0;
    text-transform: none;
    padding: 12px;
}

.search-bar {
    position:absolute;
    right: 25px;
    top: 10px;
}
@media only screen and (min-width: 760px) and (max-width: 979px) {
    .search-bar {
        top: 5px;
        right: 15px;
    }
}
.search-bar input {
    height: 19px;
    width: 160px;
    padding: 0 6px;
}
.search-bar a {
    display: block;
    float: right;
    margin-left: 2px;
}


/* Content
---------------*/

/*Side Navigation*/
ul.side_navigation {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.side_navigation li {
    list-style-type: none;
    margin-left: 0;
    padding: 5px 0;
}

ul.side_navigation .lastExpandable, ul.side_navigation .last {
    border-bottom: 0;
}

ul.side_navigation li ul {
    margin-top: 5px;
    margin-bottom: 0;
}

ul.side_navigation li ul li {
    margin-left: 10px;
}

ul.side_navigation a {
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    display: block;
    width: 100%;
    background: url('../images/icons/arrow.png') no-repeat right;
}

ul.side_navigation li a {
    text-decoration: none;
}

ul.side_navigation .collapsable > span {
    background: url('../images/icons/arrow_down.png') no-repeat right;
}

.sidebar.left, .content.left {
    float: left;
}

.content.right, .sidebar.right {
    float: right;
}

.sidebar {
    width: 200px !important;
}

.sidebar .widget {
    margin: 0 0 20px 0;
    float: left;
    width: 100%;
}

ul.sidebar_cat {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.sidebar_cat li {
    background: url('../images/icons/arrow.png') no-repeat;
    list-style-type: none;
    padding: 0 0 6px 20px;
    margin: 10px 0;
}

ul.sidebar_cat li a {
    text-decoration: none;
}

/*Divider Page*/
.divider_page {
    margin-bottom: 30px;
    /*margin-top:35px;*/
    position: relative;
}

.divider_page h1, .divider_page h2, .divider_page h3, .divider_page h4, .divider_page h5, .divider_page h6 {
    height: 32px;
    line-height: 32px;
    margin-bottom: -1px;
    padding-right: 15px;
    display: table;
    z-index: 1;
    position: relative;
}

.divider_page:after {
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
    background: url('../images/icons/divider.png');
    height: 5px;
    margin: 5px 0;
}

.divider_page a {
    text-decoration: none;
}


.content .divider_page {
    margin-top: 35px;
}

.content > .divider_page:first-child {
    margin-top: 0px;
}


.heading_button {
    float: right;
    position: relative;
    top: -2px;
    z-index: 1;
    background-color: #fff;
    padding-left: 5px;
}

.heading_button .prev_button, .heading_button .next_button {
    width: 19px;
    height: 19px;
    text-indent: -99999em;
    float: left;
    margin-left: 3px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    cursor: pointer;
}

.heading_button .next_button {
    background-position: -23px 2px;
}

/*Form Elements*/
.input-text {
    width: 92%;
    margin-bottom: 10px;
    height: 20px;
    line-height: 20px;
    padding: 5px;
}

.text-area {
    width: 97.5%;
    max-width: 97.5%;
    height: 200px;
    margin-bottom: 10px;
    padding: 5px;
}

.theme_config {
    display: none;
}

/*Our Clients*/
.our_clients {
    float: left;
    position: relative;
}

.our_clients .a_client {
    width: 160px;
    height: 40px;
    padding: 0 15px;
    display: block;
    float: left;
}

.our_clients .a_client.ocean3d {
    width: 130px;
    background: url('../images/mix/envato/3docean.png') no-repeat;
}

.our_clients .a_client.activeden {
    width: 140px;
    background: url('../images/mix/envato/activeden.png') no-repeat;
}

.our_clients .a_client.audiojungle {
    width: 155px;
    background: url('../images/mix/envato/audiojungle.png') no-repeat;
}

.our_clients .a_client.codecanyon {
    width: 160px;
    background: url('../images/mix/envato/codecanyon.png') no-repeat;
}

.our_clients .a_client.graphicriver {
    width: 160px;
    background: url('../images/mix/envato/graphicriver.png') no-repeat;
}

.our_clients .a_client.photodune {
    width: 150px;
    background: url('../images/mix/envato/photodune.png') no-repeat;
}

.our_clients .a_client.themeforest {
    width: 160px;
    background: url('../images/mix/envato/themeforest.png') no-repeat;
}

.our_clients .a_client.tutorials {
    width: 120px;
    background: url('../images/mix/envato/tutorials.png') no-repeat;
}

.our_clients .a_client.videohive {
    width: 140px;
    background: url('../images/mix/envato/videohive.png') no-repeat;
}

.our_clients .a_client:hover {
    background-position: 0 bottom;
}

/*Page404*/
.page404 {
    width: 300px;
    margin: 0 auto;
}

.heading_404 {
    font-size: 200px;
    text-align: center;
    line-height: 1em;
    margin-bottom: 5px;
}

.text_404 {
    text-align: center;
    font-size: 24px;
    line-height: 1em;
    margin-bottom: 30px;
}

.search_form {
    float: left;
    position: relative;
    margin-bottom: 30px;
}

.search404 {
    float: left;
    width: 290px;
}

.search_btn {
    border: 0;
    padding: 0;
    margin: 0;
    text-indent: -9999em;
    width: 32px;
    height: 32px;
    cursor: pointer;
    float: left;
    position: absolute;
    top: 0px;
    right: 0px;
}

/*Filter Options*/
.filter_options ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 30px;
}

.filter_options ul li {
    font-size: 16px;
    padding: 0;
    margin: 0 0 5px 0;
    margin-right: 5px;
    list-style-type: none;
    float: left;
    line-height: 1em;
    cursor: pointer;
}

.filter_options ul li .heading {
    padding: 9px 10px 7px 10px;
    float: left;
}

.filter_options ul li .number {
    padding: 9px 10px 7px 10px;
    float: left;
}

input[name="filter_key"] {
    float: right;
    width: 120px;
}

/*Our Team*/
.team_members {
    margin-bottom: 30px;
    display: block;
}

.a_member {
    width: 300px;
    float: left;
    margin: 40px 10px 0 10px;
    position: relative;
}

.a_member .member_content {
    padding: 85px 15px 5px 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.a_member .member_pic {
    width: 100px;
    position: absolute;
    left: 50%;
    margin-left: -58px;
    top: -44px;
    margin-top: 4px;
    margin-bottom: -70px;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    padding: 8px;
    -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1);
}

.a_member .member_pic img {
    max-width: 100px;
    min-width: 100px;
    max-height: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.member_info {
    text-align: center;
    width: 100%;
}

.member_info .member_job {
    font-size: 15px;
    line-height: 15px;
    margin: 10px 0;
}

.member_info .member_name {
    font-size: 32px;
    line-height: 32px;
    margin-top: 5px;
}

.a_member .member_social {
    padding-top: 5px;
}

.a_member .social_title {
    float: left;
    font-size: 16px;
    line-height: 24px;
    padding-top: 3px;
}

.a_member .social_icons {
    float: right;
}

/*Feature Box*/
.feature_box {
    margin: 0 0 20px 0;
    position: relative;
    overflow: hidden;
}

.feature_box .feature_content {
    margin: 12px 0;
    padding: 43px 15px 40px 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.feature_box .feature_icon {
    position: absolute;
    left: 50%;
    width: 32px;
    height: 32px;
    padding: 15px;
    margin-left: -39px;
    top: -28px;
    -webkit-border-radius: 62px;
    -moz-border-radius: 62px;
    border-radius: 62px;
    -moz-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1);
}

.feature_box .feature_icon a {
    margin-top: 5px;
}

.feature_box .feature_link {
    position: absolute;
    left: 50%;
    width: 24px;
    height: 24px;
    padding: 10px;
    margin-left: -22px;
    margin-bottom: -15px;
    bottom: 0;
    -webkit-border-radius: 42px;
    -moz-border-radius: 42px;
    border-radius: 42px;
    -moz-box-shadow: 0px -3px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px -3px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -3px 2px rgba(0, 0, 0, 0.1);
}

.feature_box .feature_desc {
    text-align: center;
    margin-bottom: 0;
}

.feature_box .feature_link a {
    margin-top: -5px;
}

.feature_box .feature_heading {
    line-height: 1.5em;
    text-align: center;
    margin: 20px 0;
}

.feature_box .feature_heading .small {
    font-size: 18px;
    margin-top: 15px;
}

.feature_box .feature_heading .medium {
    font-size: 24px;
    margin-top: 15px;
}

.feature_box .feature_heading .large {
    font-size: 32px;
    margin-top: 15px;
}

/*Page Sorting*/
.page-sort {
    font-size: 12px;
    text-align: right;
    margin-bottom:25px;
}

/*Page Navigation*/
.pagination {
    display: table;   /* Allow the centering to work */
    margin: -5px auto 25px auto;
}
.pagination:first-child {
    margin-bottom:30px;
}
.pagination ul {
    padding: 0;
}
.pagination ul li {
    float:left;
    margin: 0 5px 0 0;
    padding: 0;
    list-style-type: none;
}

.pagination ul li a, .pagination ul li.prev span, .pagination ul li.next span, .pagination ul li.active span {
    font-size: 11px;
    font-weight: bold;
    display: block;
    text-decoration: none;
    min-width: 25px;
    height: 25px;
    line-height: 25px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
}

.pagination ul li.next a {
    background-position: -20px 5px;
}

/*Blog*/
.a_blogpost {
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

.a_blogpost.popular {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 15px;
}

.a_blogpost .video {
    margin-bottom: 20px;
}

.a_blogpost .image {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}

.a_blogpost .blogSlider {
    background: url('../images/pattern/header_pattern2.png');
    padding-bottom: 12px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.a_blogpost .blockquote {
    margin-bottom: 20px;
}

.a_blogpost .normal {
    position: static;
    width: 100%;
}

.a_blogpost .hover {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.a_blogpost .hover h3 {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -100px;
    text-align: center;
}

.post_links {
    position: absolute;
    top: 90%;
    left: 50%;
    width: 84px;
    height: 34px;
    margin-left: -42px;
    margin-top: -34px;
}

.post_links div {
    padding: 5px;
    margin: 0 3px;
    width: 24px;
    height: 24px;
    float: left;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.pp_heading {
    margin-bottom: 0;
}

.mb_heading {
    margin-bottom: 10px;
}

.a_blogpost .social_links {
    padding: 6px 0 3px 0;
    height: 27px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.a_blogpost .social_links .share_text {
    float: left;
    padding-left: 10px;
    margin-bottom: 0;
    line-height: 26px;
    font-size: 16px;
}

.a_blogpost .share_icons {
    float: right;
    padding-right: 10px;
}

.meta-info {
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 15px;
}

.meta-info.project-meta {
    margin-bottom: 20px;
    float: left;
}

.project-badges {
    max-width: 357px;
}

.meta-info.project-meta > div {
    display: block;
    float: left;
    margin-bottom: 5px;
    width: 100%;
}

.widget .meta-info {
    margin-bottom: 0;
}

.meta-info a {
    text-decoration: none;
}

.meta-info .user-info, .meta-info .date-info, .meta-info .tag-info, .meta-info .comment-info, .meta-info .reply-button, .meta-info .portfolio-case, .meta-info .authors-info {
    background: url('../images/icons/meta-icons.png') no-repeat -5px -5px;
    margin: 5px 10px 5px 0;
    display: inline-block;
    padding-left: 20px;
    min-height: 14px;
}

.meta-info .date-info {
    background-position: -5px -68px;
}

.meta-info .tag-info {
    background-position: -5px -132px;
}

.meta-info .comment-info {
    background-position: -5px -194px;
}

.meta-info .reply-button {
    background-position: -5px -256px;
}

.meta-info .portfolio-case {
    background-position: -5px -320px;
}

.meta-info .authors-info {
    background-position: -5px -383px;
}

.meta-info .authors-info ul {
    float: left;
    margin-bottom: 0;
}

.meta-info .authors-info ul li {
    margin: 0 5px 5px 0;
    list-style-type: none;
}

.meta-info .authors-info.wide ul li {
    float: left;
}

.meta-info .authors-info.wide ul li:after {
    content: "|";
    margin: 0 5px;
}

.meta-info .authors-info.wide ul li:last-child:after {
    content: " ";
}

.share-post {
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    padding: 10px 0;
    margin-bottom: 30px;
}

.share-post .heading, .share-post .socialicons {
    padding: 0 10px;
    height: 24px;
}

.author-details p {
    padding-top: 8px;
    margin-bottom: 30px;
}

.avatar {
    float: left;
    margin: 0 15px 15px 4px;
    width: 60px;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    padding: 4px;
    -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1);
}

.avatar img {
    max-width: 60px;
    min-width: 60px;
    max-height: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}

ul.commentlist {
    margin: 0;
    padding: 0;
}

ul.commentlist li {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 20px;
}

ul.commentlist li ul {
    margin: 15px 0 0 30px;
}

.a_comment .comment_text {
    padding-top: 8px;
    margin-bottom: 10px;
}

/*Recent works & Related Post*/
#recentWorks {
    margin-bottom: 30px;
    float: left;
}

#recentWorks .a_work {
    float: left;
    width: 300px;
    min-height: 190px;
    position: relative;
    overflow: hidden;
    margin: 0 10px;
}

.a_work .work_heading {
    text-align: center;
    padding: 10px 0;
    font-size: 20px;
}

.portfolio_items {
    float: left;
}

.portfolio_items.one_column > .a_item {
    float: left;
    margin-bottom: 30px;
}

.portfolio_items > .a_item {
    margin-bottom: 30px;
    float: left;
}

.a_work {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.portfolio_items .a_work {
    margin-bottom: 20px;
}

.a_work .normal {
    position: static;
}

.a_work .hover {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.a_work .hover h4 {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -55px;
    text-align: center;
}

.work_links {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 84px;
    height: 34px;
    margin-left: -42px;
    margin-top: -17px;
}

.work_links div {
    padding: 5px;
    margin: 0 3px;
    width: 24px;
    height: 24px;
    float: left;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.a_work .social_links {
    padding: 8px 0 6px 0;
    height: 26px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.a_work .social_links .share_text {
    float: left;
    padding-left: 10px;
    margin-bottom: 0;
    line-height: 26px;
    font-size: 16px;
}

.a_work .share_icons {
    float: right;
    padding-right: 10px;
}

.projectSlider, .sliderinPage {
    background: url('../images/pattern/header_pattern2.png');
    padding-bottom: 12px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.four_columns .work_links {
    margin-top: -34px;
}

.four_columns .a_item {
    margin-bottom: 10px;
    float: left;
}

.four_columns .work_heading {
    font-size: 16px;
    line-height: 20px;
}

.four_columns .share_icons {
    float: none;
    padding-right: 0;
    width: 105px;
    margin-left: auto;
    margin-right: auto;
}

.box_button {
    margin-top: 10px;
    padding: 3px 11px !important;
}

.box_button .icon {
    margin-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
}

.box_button .icon_divider {
    margin: 0 8px !important;
    top: -3px !important;
    height: 38px !important;
}

#map_canvas {
    width: 100%;
    height: 560px;
}

.map_container {
    height: 300px !important;
    margin-bottom: 30px !important;
}

/*Sliders*/
.fitVideo {
    margin-bottom: 30px;
}

.videoBG {
    margin-bottom: 0;
    width: 100%;
    display: block;
    float: left;
}

.nivo-slider {
    background: url('../images/pattern/header_pattern2.png');
    padding-bottom: 12px;
    float: left;
    width: 100%;
    overflow: hidden;
}

.flex-slider {
    background: url('../images/pattern/header_pattern2.png');
}

.flexslider ul.slides {
    margin: 0;
    padding: 0;
}

.flexslider ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.flexslider ul li .flexcontent {
    padding: 20px 45px;
    display: block;
}

.flex_box {
    margin-top: 5px;
    padding: 6px;
}

.flexcontent h2 {
    margin-bottom: 10px;
}

.flex_box.left {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    max-width: 500px;
}

.flex_box.right {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
    max-width: 500px;
}

.flex_box.fitVideo {
    width: 500px;
}

.flashmo-slider, .piecemaker-slider, .accordion-slider {
    margin: 30px 0;
}

.cycle-slider {
    margin: 30px 0;
    position: relative;
    padding: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

.cycle-slider img {
    float: left;
}

#cycle_nav {
    position: absolute;
    z-index: 999;
    right: 10px;
    bottom: 10px;
}

#cycle_nav a {
    margin: 2px;
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    text-indent: -999999em;
}

.cycle-navi {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 7998;
    width: 100%;
    margin-left: -6px;
}

.cycle-navi #cycle_prev {
    left: 6px;
}

.cycle-navi #cycle_next {
    right: 6px;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: transparent;
    z-index: 2;
}

#cameraSlider {
    margin-bottom: 0 !important;
}

/*Camera Desc*/
.camera_desc {
    position: absolute;
    padding: 5px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    max-width: 240px;
}

.camera_desc.heading {
    font-size: 20px;
}

/*Sliders Min-Height*/
#cameraSlider, #cameraSlider2, .videoBG {
    height: 560px;
    display: block;
    background: url('../images/pattern/header_pattern2.png');
}

.nivo-slider {
    min-height: 430px;
}

.flexslider {
    min-height: 312px;
}

.cycle-slider {
    min-height: 316px;
}

.overlay {
    height: 565px;
}

.piecemaker-slider {
    min-height: 414px;
}

.for_tm, .for_m {
    padding: 6px;
    margin: 30px 0;
    display: none;
}

.sliderinPage {
    min-height: 244px;
}

.projectSlider {
    min-height: 320px;
}

/*Pricing Tables*/
.pricing_tables .grid_3, .pricing_tables .grid_4 {
    margin-bottom: 60px;
}

.pricing_tables .grid_3:first-child {
    margin-left: 10px;
}

.pricing_heading {
    text-align: center;
    font-size: 24px;
    padding: 6px 6px 0 6px;
}

.pricing_tables h4 {
    padding: 8px 0;
    margin-bottom: 1px;
}

.pricing_tables .heading_price {
    padding: 16px 0 10px 0;
}

.pricing_tables .heading_price .price {
    font-size: 56px;
    line-height: 56px;
}

.heading_price sup {
    font-size: 24px;
    top: -16px;
}

ul.pricing_features {
    margin: 0;
    padding: 0 6px 6px 6px;
}

ul.pricing_features li {
    padding: 15px 0;
    margin: 1px 0;
    list-style-type: none;
    text-align: center;
}

.tab_iframe {
    border: 0;
    overflow: hidden;
    float: left;
}

/*Tipsy Tooltip*/
.tipsy {
    font-size: 11px;
    position: absolute;
    padding: 5px;
    z-index: 100000;
}

.tipsy-inner {
    max-width: 200px;
    padding: 5px 8px 4px 8px;
    text-align: center;
}

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
}

.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

/* Footer
--------------*/
#footer {
    margin-top: 30px;
}

#footer .back_top {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .1);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, .1);
    position: relative;
    top: -20px;
    margin-bottom: -20px;
}

#footer .back_top:hover {
    background-position: 12px -28px;
}

#footer h3 {
    margin-top: 30px;
}

.footer_bottom {
    padding: 10px 0;
    margin-bottom: -20px;
    border-top: 1px solid #dadada;
    background-color: #f3f3f3;
}

#footer .footer_text {
    line-height: 24px;
    font-size: 11px;
}

#footer .socialicons a {
    float: left;
    margin-left: 5px;
}

/*Recent Posts*/
.recent_posts {
    margin-bottom: 20px;
    float: left;
}

.recent_posts .a_post {
    width: 100%;
    float: left;
}

.recent_posts .post_img {
    float: left;
    display: block;
    margin: 5px 10px 10px 0;
}

.recent_posts .post_img:hover {
    opacity: .8;
}

.recent_posts .post_img img {
    max-width: 60px;
}

.recent_posts .post_heading {
    margin-bottom: 5px;
}

.recent_posts .post_heading a {
    text-decoration: none;
}

.recent_posts .post_meta a {
    clear: both;
}

.post_meta {
    font-size: 11px;
}

.post_meta a {
    text-decoration: none;
}

/*Twitter*/
.latest_tweets ul {
    margin-bottom: 0;
}

.sidebar_tweets {
    float: left;
    margin-bottom: 0;
}

.latest_tweets ul li, .sidebar_tweets ul li {
    margin-left: 0;
    padding-bottom: 0;
    list-style-type: none;
}

.latest_tweets ul li p, .sidebar_tweets ul li p {
    padding: 0;
    margin-bottom: 10px;
    text-indent: 25px;
    background: url('../images/icons/latest_tweets.png') no-repeat 0 2px;
}

.latest_tweets small, .sidebar_tweets small {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    text-decoration: none;
    text-indent: 0;
}

/*Photo Stream*/
ul#flickrfeed, ul#sidebarflickr {
    margin-bottom: 0;
    float: left;
}

ul#flickrfeed li, ul#sidebarflickr li {
    margin-left: 0;
    padding: 0 1px 1px 0;
    float: left;
    list-style-type: none;
}

ul#flickrfeed li a, ul#sidebarflickr li a {
    float: left;
}

ul#flickrfeed li a img {
    width: 70px;
    height: 70px;
}

ul#sidebarflickr li a img {
    width: 65px;
    height: 65px;
}

ul#flickrfeed li img:hover, ul#sidebarflickr li img:hover {
    opacity: .8;
}

/* End General
-----------------------------------------------------------------------------------------------------------------------------*/

/* DESKTOP
-----------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 980px) {

    body {
        min-width: 960px;
    }

    /* Containers
    ------------------*/
    .container_12 {
        margin-left: auto;
        margin-right: auto;
        width: 960px;
    }

    .container_full {
        max-width: 1000px;
        min-width: 960px;
    }

    /* Grid >> Global
    --------------------------*/
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
        display: inline;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
    }

    /* Grid >> Children (Alpha ~ First, Omega ~ Last, Lambda ~ Center)
    ---------------------------------------------------------------------------------------*/
    .alpha {
        margin-left: 0;
    }

    .omega {
        margin-right: 0;
    }

    /* Grid >> 12 Columns
    ------------------------------*/
    .container_12 .grid_1 {
        width: 60px;
    }

    .container_12 .grid_2 {
        width: 140px;
    }

    .container_12 .grid_3 {
        width: 220px;
    }

    .container_12 .grid_4 {
        width: 300px;
    }

    .container_12 .grid_5 {
        width: 380px;
    }

    .container_12 .grid_6 {
        width: 460px;
    }

    .container_12 .grid_7 {
        width: 540px;
    }

    .container_12 .grid_8 {
        width: 620px;
    }

    .container_12 .grid_9 {
        width: 700px;
    }

    .container_12 .grid_10 {
        width: 780px;
    }

    .container_12 .grid_11 {
        width: 860px;
    }

    .container_12 .grid_12 {
        width: 940px;
    }

    /* Header
    -------------*/
    #header_wrapper {
        position: relative;
        padding: 75px 0;
    }

    #header {
        width: 940px;
    }

    /* Main Menu*/
    #header #logo {
        padding: 0px;
        position: absolute;
        display:inline-block;
        margin: -48px 0 0 -20px;
    }

    ul#mainmenu > li {
        height: 60px;
        padding: 0;
        margin: 0;
        float: left;
        position: relative;
    }

    ul#mainmenu > li > a {
        height: 18px;
        padding: 21px;
    }

    .mobile_link {
        display: none;
    }

    ul#flickrfeed li:nth-child(3n) {
        padding-right: 0;
    }

    /* Container
    -----------------*/
    /* Pricing Tables*/
    .pricing_tables .grid_3 {
        margin-left: 0;
        margin-right: 1px;
        width: 234px;
    }

    /*Theme Config*/
    .theme_config {
        display: block;
        position: fixed;
        top: 150px;
        right: -180px;
        -webkit-transition: right .8s ease;
        -moz-transition: right .8s ease;
        -ms-transition: right .8s ease;
        -o-transition: right .8s ease;
        transition: right .8s ease;
        z-index: 10;
    }

    .theme_config:hover {
        right: 0;
    }

    .theme_config .icon {
        margin-top: 25px;
        width: 40px;
        height: 40px;
        background-color: #fff;
        display: block;
        float: left;
        cursor: pointer;
        -webkit-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.1);
    }

    .theme_config .icon .config {
        background: url('../images/icons/config.png') no-repeat;
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 12.5px;
    }

    .theme_config .config_content {
        background-color: #fff;
        width: 180px;
        height: 360px;
        float: left;
        display: block;
        -webkit-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.1);
    }

    .config_content h4, .config_content h6 {
        text-align: center;
        padding: 8px 0;
        margin-bottom: 0;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); /* W3C */
    }

    .config_content p {
        text-align: center;
        margin-bottom: 0;
        padding: 8px 0;
    }

    span.change_color {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 1px;
        cursor: pointer;
    }

    .change_color.pink {
        background-color: #c9577d;
    }

    .change_color.blue {
        background-color: #377acd;
    }

    .change_color.green {
        background-color: #6e9a76;
    }

    .change_color.black {
        background-color: #3a3a3a;
    }

    .change_color.orange {
        background-color: #ea593c;
    }

    span.change_pbg, span.change_bg {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 1px;
        cursor: pointer;
        border: 1px solid #f0f0f0;
    }

    .change_pbg.p1 {
        background: url('../images/pattern/pattern.png');
    }

    .change_pbg.p2 {
        background: url('../images/pattern/az_subtle.png');
    }

    .change_pbg.p3 {
        background: url('../images/pattern/grey.png');
    }

    .change_pbg.p4 {
        background: url('../images/pattern/skelatal_weave.png');
    }

    .change_pbg.p5 {
        background: url('../images/pattern/asfalt.png');
    }

    .change_pbg.p6 {
        background: url('../images/pattern/retina_wood.png');
    }

    .change_pbg.p7 {
        background: url('../images/pattern/extra_clean_paper.png');
    }

    .change_pbg.p8 {
        background: url('../images/pattern/diamond_upholstery.png');
    }

    .change_pbg.p9 {
        background: url('../images/pattern/hexellence.png');
    }

    .change_pbg.p10 {
        background: url('../images/pattern/irongrip.png');
    }

    .change_pbg.p11 {
        background: url('../images/pattern/type.png');
    }

    .change_pbg.p12 {
        background: url('../images/pattern/dark_wood.png');
    }

    .change_bg.p1 {
        background: url('../images/mix/bg/1_20.jpg');
    }

    .change_bg.p2 {
        background: url('../images/mix/bg/2_20.jpg');
    }

    .change_bg.p3 {
        background: url('../images/mix/bg/3_20.jpg');
    }

    .change_bg.p4 {
        background: url('../images/mix/bg/4_20.jpg');
    }

    .change_bg.p5 {
        background: url('../images/mix/bg/5_20.jpg');
    }

}

/* End DESKTOP
-----------------------------------------------------------------------------------------------------------------------------*/

/* TABLETS
-----------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 760px) and (max-width: 979px) {

    body {
        min-width: 720px;
    }

    /* Containers
    ------------------*/
    .container_12 {
        margin-left: auto;
        margin-right: auto;
        width: 720px;
    }

    .container_full {
        max-width: 760px;
        min-width: 720px;
    }

    /* Grid >> Global
    ------------------------*/
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
        display: inline;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
    }

    /* Grid >> Children (Alpha ~ First, Omega ~ Last)
    ---------------------------------------------------------------*/
    .alpha {
        margin-left: 0;
    }

    .omega {
        margin-right: 0;
    }

    /* Grid >> 12 Columns
    ------------------------------*/
    .container_12 .grid_1 {
        width: 40px;
    }

    .container_12 .grid_2 {
        width: 100px;
    }

    .container_12 .grid_3 {
        width: 160px;
    }

    .container_12 .grid_4 {
        width: 220px;
    }

    .container_12 .grid_5 {
        width: 280px;
    }

    .container_12 .grid_6 {
        width: 340px;
    }

    .container_12 .grid_7 {
        width: 400px;
    }

    .container_12 .grid_8 {
        width: 460px;
    }

    .container_12 .grid_9 {
        width: 520px;
    }

    .container_12 .grid_10 {
        width: 580px;
    }

    .container_12 .grid_11 {
        width: 640px;
    }

    .container_12 .grid_12 {
        width: 700px;
    }

    /* Clear Floated Elements
    ---------------------------------*/
    /* http://sonspring.com/journal/clearing-floats */
    .clear {
        clear: both;
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0;
    }

    /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
    .clearfix:before, .clearfix:after, .container_12:before, .container_12:after {
        content: '.';
        display: block;
        overflow: hidden;
        visibility: hidden;
        font-size: 0;
        line-height: 0;
        width: 0;
        height: 0;
    }

    .clearfix:after, .container_12:after {
        clear: both;
    }

    /*.clearfix,.container_12 																	{zoom: 1;}*/
    /* Header
    ---------------*/
    #header_wrapper {
        position: relative;
        padding: 65px 0;
    }

    #header {
        width: 720px;
    }

    #header #logo {
        padding: 15px 10px;
        position: absolute;
        display: inline-block;
        margin:-48px 0 0 -20px;
    }

    #header #logo img {
        width:63%;
    }

    .withSlider #header {
        margin-left: -360px;
    }

    ul#mainmenu > li {
        height: 60px;
        padding: 0;
        margin: 0;
        float: left;
        position: relative;
    }

    .mobile_link {
        display: none;
    }

    ul#mainmenu > li > a {
        height: 18px;
        padding: 21px 14px;
    }

    /* Container
    -------------------*/

    ul#flickrfeed li {
        padding: 0 1px 1px 0;
    }

    ul#flickrfeed li a img {
        width: 67px;
        height: 67px;
    }

    .sidebar {
        width: 160px !important;
    }

    input[name="filter_key"] {
        float: left;
        width: 97%;
        margin-bottom: 30px;
    }

    ul#sidebarflickr li a img {
        width: 52px;
        height: 52px;
    }

    .theme_config {
        display: none;
    }

    /*Sliders Min-Height*/
    #cameraSlider, #cameraSlider2, .videoBG {
        height: 425px;
    }

    .nivo-slider {
        min-height: 335px;
    }

    .cycle-slider {
        min-height: 234px;
    }

    .overlay {
        height: 425px;
    }

    .for_tm {
        display: block;
    }

    .flashmo-slider, .piecemaker-slider, .accordion-slider {
        display: none;
    }

    #map_canvas {
        height: 320px;
    }

    .sliderinPage, .projectSlider {
        min-height: 100px;
    }

    /*Our Clients*/
    .our_clients .a_client {
        padding: 0 7px;
    }

    .four_columns .grid_3 {
        width: 220px;
    }

    /*Flex Slider Content*/
    .flex_box.left, .flex_box.right {
        float: none;
        max-width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
        margin-left: 0;
        display: block;
    }

    .flex_box.fitVideo {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }

    /*Pricing Tables*/
    .pricing_tables .grid_3 {
        margin-left: 0;
        margin-right: 1px;
        width: 174px;
    }

}

/* End TABLETS
-----------------------------------------------------------------------------------------------------------------------------*/

/* MOBILE
-----------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 759px) {

    .container_full {
        margin: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .alpha, .omega, .lambda {
        margin-left: 0;
        margin-right: 0;
    }

    .align_center, .align_right {
        text-align: left;
    }

    .float_left {
        float: none;
    }

    .float_right {
        float: none;
    }

    /* Header
    --------------*/
    #header_wrapper {
        position: relative;
        padding: 0;
    }

    #header {
        width: 100%;
        margin: 0 auto;
    }

    #header #logo {
        padding: 15px 20px;

        display: inline-block;
    }

    #header #logo img {
        width:82%;
    }
    .withSlider #header {
        position: relative;
        left: 0;
        top: 0;
        margin: 0 auto;
    }

    ul#mainmenu li {
        height: 50px;
        padding: 0;
        margin: 0;
        float: left;
        position: relative;
        display: none;
    }

    ul#mainmenu li a {
        height: 12px;
        padding: 24px 8px;
    }

    .mobile_link {
        width: 70px;
        height: 50px;
        overflow: hidden;
        display: block !important;
    }

    .mobile_link .navi {
        font-size: 12px;
        line-height: 18px;
        font-weight: bold;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: 120px;
        margin: 0;
        padding: 16px 0 20px 20px;
        border-radius: 0;
    }

    .mobile_link .navi option {
        color: #555;
    }

    /*Content
    ----------------*/
    .a_blogpost.popular {
        margin-bottom: 0;
        float: none;
    }

    input[name="filter_key"] {
        float: left;
        width: 97%;
        margin-bottom: 30px;
    }

    .text-area {
        width: 92%;
    }

    .share-post .float_left {
        float: left;
    }

    .share-post .float_right {
        float: right;
    }

    .theme_config {
        display: none;
    }

    .testimonials {
        min-height: 100px;
        float: none;
    }

    .three_columns .a_item {
        width: 100%;
        float: none;
    }

    .four_columns .a_item {
        width: 100%;
        float: none;
    }

    .portfolio_items {
        float: none;
    }

    .portfolio_items > .a_item {
        width: 100%;
        float: none;
    }

    .projectSlider, .sliderinPage {
        float: none;
    }

    .meta-info.float_right {
        float: right;
        clear: both;
    }

    /*Camera Desc*/
    .camera_desc {
        padding: 2px 5px;
        display: table;
        max-height: 40px;
        width: 240px;
        max-width: 240px;
        top: 40px !important;
        left: 10px !important;
        margin: 0 !important;
    }

    .camera_desc.heading {
        font-size: 16px;
        top: 10px !important;
        max-height: 20px;
    }

    /*Post Share*/
    .share-post .heading, .share-post .socialicons {
        padding: 5px 10px;
    }

    /*Sidebar*/
    .sidebar {
        width: 96% !important;
    }

    .sidebar.left, .content.left {
        float: none;
    }

    .content.right, .sidebar.right {
        float: none;
    }

    .divider_page {
        margin-top: 20px;
    }

    /*Tabs*/
    .tabs > ul, .tabs > ul.left_navi, .tabs > ul.right_navi, .tabs > ul li {
        float: none;
    }

    .tabs > ul li {
        margin-top: 30px;
    }

    .tab_iframe {
        float: none;
        margin-bottom: 10px;
    }

    /*Sliders Min-Height*/
    #cameraSlider, #cameraSlider2, .videoBG {
        height: auto;
    }

    .nivo-slider {
        min-height: 80px;
    }

    .cycle-slider {
        min-height: 80px;
    }

    .overlay {
        height: 50px;
    }

    .for_tm {
        display: block;
    }

    .flashmo-slider, .piecemaker-slider, .accordion-slider {
        display: none;
    }

    #map_canvas {
        width: 96%;
        height: 200px;
        margin: 40px auto 0 auto;
    }

    .sliderinPage, .projectSlider {
        min-height: 50px;
    }

    /*Flex Slider Content*/
    .flex_box.left, .flex_box.right {
        float: none;
        max-width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
        margin-left: 0;
    }

    .flex_box.fitVideo {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }

    /*Footer
    ---------------*/
    .recent_posts {
        width: 100%
    }

    ul#flickrfeed, ul#sidebarflickr {
        width: 100%;
    }

    ul#flickrfeed li {
        padding: 0 1px 1px 0;
    }

    #footer .socialicons {
        margin: 15px 0;
    }

    #footer .socialicons a {
        margin-left: 0;
        margin-right: 5px;
    }

}

/* End MOBILE
-----------------------------------------------------------------------------------------------------------------------------*/

/* SHELL GRID LAYOUT
-----------------------------------------------------------------------------------------------------------------------------*/

/* Shell Grid - Responsive grid (4 columns by default, 3 on homepage) */
.shell-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 20px 0;
}

/* Homepage uses 3 columns */
.shell-grid--homepage {
    grid-template-columns: repeat(3, 1fr);
}

/* Shell Card */
.shell-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

.shell-card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Photo Section - Top (moved/updated later in the file) */
/* original .shell-card__photo rules removed to avoid duplication; see the updated rules later in this file */

/* Info Section - Bottom */
.shell-card__info {
    padding: 15px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.shell-card__family {
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
}

/* Make family links in the shell card match the family-list page link color */
.shell-card__family a {
    color: #4184CC; /* theme link hover color */
    text-decoration: none;
}

.shell-card__family a:hover {
    color: #4184CC; /* theme link hover color */
    text-decoration: underline;
}

.shell-card__name {
    font-weight: bold;
    font-style: italic;
    margin-bottom: 8px;
    font-size: 14px;
}

.shell-card__location {
    font-size: 13px;
    color: #555;
    margin-bottom: 5px;
}

.shell-card__details {
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
}

.shell-card__id {
    font-size: 12px;
    color: #999;
    margin-bottom: 5px;
}

.shell-card__comments {
    font-size: 12px;
    color: #555;
    margin-bottom: 8px;
    font-style: italic;
}

.shell-card__price {
    font-size: 16px;
    font-weight: bold;
    color: #28a745;
    margin-bottom: 10px;
}

.shell-card__price--old {
    text-decoration: line-through;
    color: #999;
    font-size: 14px;
    margin-right: 5px;
}

.shell-card__price--discount {
    color: #dc3545;
}

.shell-card__date {
    font-size: 11px;
    color: #999;
    margin-bottom: 10px;
}

.shell-card__buy {
    margin-top: auto;
    display: inline-block;
    text-align: center;
}

/* Make 'More' buttons below homepage shell grids centered */
.newest-shells-pp .more-link {
    text-align: center;
    margin-top: 16px;
}

.newest-shells-pp .more-link .sc_button {
    display: inline-block;
}

/* Tablet - 2 columns */
@media (max-width: 768px) {
    .shell-grid,
    .shell-grid--homepage {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .shell-card__photo {
        min-height: 150px;
        padding: 10px;
    }
}

/* Mobile - 1 column */
@media (max-width: 480px) {
    .shell-grid,
    .shell-grid--homepage {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .shell-card__photo {
        min-height: 180px;
    }
}

/* End SHELL GRID LAYOUT
-----------------------------------------------------------------------------------------------------------------------------*/
.photo-fill {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; /* cover ensures the image fills the area */
    text-decoration: none;
    position: relative; /* allow absolute children if needed */
}

/* Use object-fit for the inline <img> so photos also cover the area; keep the <img> visible for fancybox/accessibility */
.photo-fill img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* key change: makes the img cover the box */
    object-position: center center;
    display: block;
    opacity: 1;
    position: relative;
}

.photo-fill.no-photo {
    /* When no photo is available, ensure the placeholder covers the area */
    background-color: #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.photo-fill.no-photo:after {
    content: ""; /* remove visible "No Image" text by default; placeholder is the background image */
    color: #999;
    font-size: 12px;
}