@media (max-width: 767px) {
.visible-phone {
display: inherit !important;
}

.hidden-phone {
display: none !important;
}

.hidden-desktop {
display: inherit !important;
}

.visible-desktop {
display: none !important;
}

}

@media (min-width: 768px) and (max-width: 979px) {
.visible-tablet {
display: inherit !important;
}

.hidden-tablet {
display: none !important;
}

.hidden-desktop {
display: inherit !important;
}

.visible-desktop {
display: none !important ;
}
}

/* Landscape Phone */
@media (max-width: 480px) {

}

/* All Mobile Sizes */
@media (max-width: 767px) {
/* General */
.container {
width: auto;
padding-left: 15px;
padding-right: 15px;
}

.row {
margin-left: 0;
}

.wrap {
width: auto;
min-width:100%;
}

[class*="span"] {
display: block;
float: none;
width: auto;
margin-left: 0;
}

[class*="accordion_box"] {
display: block;
float: none;
width: auto;
margin-left: 0;
}

h1 {
font-size: 60px;
line-height: 55px;
}

h2 {
line-height: 40px;
font-size: 40px;
}

h3 {
line-height: 24px;
font-size: 18px;
} 

.icon a {
margin-bottom:5px;
}

.accordion .accordion_content {
padding:10px;
left:10px;
margin-right:10px;
max-height:130px;
overflow-y:scroll;
bottom:10px;
}

.blog_navigation {
margin:15px 0  0;
float:right;
}

.phone_float {
float:left;
}

.contact_info {
margin:30px  10px 0 10px;
font-size:20px;
line-height:25px;
}

.contact_info li {
border-bottom:2px solid #af3936;
padding:20px 0;
}

.contact_info .icon {
padding-left:30px;
float:left;
min-height:35px;
}

#contact .social_icons {
float:none;
margin:30px auto 10px auto;
display:table;
}

.about_me_gallery {
float:left !important;
}

.wrap_space_bottom {
height:0px;
}

#wrap_tagline {
padding:150px 0;
}

/* hidden Caption */
.TB_Wrapper .captionCanvas {
visibility:hidden;
}

.reply {
margin-right:0px;
}

.round_flash {
margin-top:12px;
}

.comment_list ul .comment_border{ 
margin-left:20px;
}

.comment_list ul ul .comment_border{ 
margin-left:40px;
}

.comment_list ul ul  ul .comment_border{ 
margin-left:60px;
}

/* portfolio detail */
.blog_post_img .content_margin {
margin:30px 0 0;
}

.blog_post_img .comment_margin {
margin-left:0;
margin-right:0;
}

.white_border{
background:none;
}

.sidebar {
padding:0;
border-left: none;
}

.blog_post_bg , .blog_post_img {
border:none;
}
.blog_post_bg .white_border {
background:none;
}

#post_detail .container {
background-color:#E3E3E3;
}

.nav_box {
margin:0 auto;
display:table;
float:none;
}

a.pp_close {
top:-30px !important;
right:25px !important;
}

.sub_navigation {
margin: 10px auto;
display: table;
float:none;
}

.rotated_line1 {
top:350px;
}

.wrap_header {
padding:12px 0;
}

#top_button {
right:75px;
}

#tablet_menu, #top_button {
height:74px;
width: 75px;
}

.wrap_home_space  {
height: 69px;
}

.wrap_about_banner {
top:69px;
}

.mobile-navigation ul  {
right:5px;
top:70px;
}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media (min-width: 768px) and (max-width: 979px) {
.wrap {
min-width:768px;
}

.row {
margin-left: -20px;
}

[class*="span"] {
margin-left: 20px;
}

.container {
width: 724px;
}

.span12 {
width: 724px;
}

.span11 {
width: 662px;
}

.span10 {
width: 600px;
}

.span9 {
width: 538px;
}

.span8 {
width: 476px;
}

.span7 {
width: 414px;
}

.span6 {
width: 352px;
}

.span5 {
width: 290px;
}

.span4 {
width: 228px;
}

.span3 {
width: 166px;
}

.span2 {
width: 104px;
}

.span1 {
width: 42px;
}

.offset12 {
margin-left: 764px;
}

.offset11 {
margin-left: 702px;
}

.offset10 {
margin-left: 640px;
}

.offset9 {
margin-left: 578px;
}

.offset8 {
margin-left: 516px;
}

.offset7 {
margin-left: 454px;
}

.offset6 {
margin-left: 392px;
}

.offset5 {
margin-left: 330px;
}

.offset4 {
margin-left: 268px;
}

.offset3 {
margin-left: 206px;
}

.offset2 {
margin-left: 144px;
}

.offset1 {
margin-left: 82px;
}

/* accordion_box */
.accordion_box2 {
width:724px;
float:left;
margin-left:20px;
}

.accordion_box10 {
width:724px;
float:left;
position:relative;
margin-left:20px;
}

.accordion:hover .accordion_title .plus {	
width:724px;
right:25px;
background-position:center right;
bottom: 0px;
}

.accordion:hover .accordion_title .minus {	
width:724px;
right:25px;
background-position:center right;
bottom: 0px;
}

/* portfolio detail */
.blog_post_img .comment_margin {
margin-left:40px;
}

.comment_list ul .comment_border {
margin-left:20px;
}

.comment_list ul ul .comment_border {
margin-left:40px;
}

.comment_list ul ul  ul .comment_border {
margin-left:60px;
}

.search input[type="submit"] {
width:20%;
}

.sub_navigation {
margin: 10px auto;
display: table;
float:none;
}

#gallery {
margin:0 60px !important;
}

.wrap_space_bottom {
height:100px;
}

#wrap_tagline {
padding:200px 0;
}

.toggle_top_bar {
top:0;
right:83px;
}

#top_button {
top:-17px;
right:166px;
}

.rotated_line1 {
top:350px;
}

}