/************************************************************************************



smaller than 1000



*************************************************************************************/

@media screen and (max-width: 1200px) {
 .wrapper {
 width: 95%;
}
 #page_wrap {
 width: 95%;
}
 #port_wrap {
 width: 95%;
}

/* pagewrap */

.pagewrap {
 width: 95%;
}
	/* content */

.recent_post {
 min-width:0px;
}
 .recent_post_p {
 min-width:0px;
}
 #sidebar .widget {
 padding: 8% 7%;
 margin-bottom: 10px;
}

	/* embedded videos */
	
.video embed, .video object, .video iframe {
 width: 100%;
 height: auto;
 min-height: 300px;
}
 #footer:after {
 right:20px;
 left:auto;
 -webkit-transform:rotate(3deg);
 -moz-transform:rotate(3deg);
 -ms-transform:rotate(3deg);
 -o-transform:rotate(3deg);
 transform:rotate(3deg);
}

/* Column setting */

.one-half-sc {
 width:48%;
 margin-right:2%;
}
 .one-third-sc {
 width:31.3%;
 margin-right:2%;
}
 .one-fourth-sc {
 width:23%;
 margin-right:2%;
}
 .three-fourth-sc {
 width:73%;
 margin-right:2%;
}
 .two-third-sc {
 width:64.6%;
 margin-right:2%;
}
 #page_h .one-half-sc {
 width:48%;
 margin-right:2%;
}
 #page_h .one-third-sc {
 width:31.3%;
 margin-right:2%;
}
 #page_h .one-fourth-sc {
 width:23%;
 margin-right:2%;
}
 #page_h .three-fourth-sc {
 width:73%;
 margin-right:2%;
}
 #page_h .two-third-sc {
 width:64.6%;
 margin-right:2%;
}
}

/************************************************************************************


smaller than 750


*************************************************************************************/



@media screen and (max-width: 800px) {
 nav ul {
 display: none;
}
 .nav_right {
 display:none;
}
 .nav_left {
 display:none;
}
 nav {
 width:auto;
 padding:0 30px 0 0;


}
 nav select {
 display: inline-block;
 margin:0px 0px 0 0px;
 color: #676767;
 background: none repeat scroll 0 0 #FFFFFF;
 border: 1px solid #eee;
 cursor: pointer;
 width: 100%;
 padding: 7px;
	-moz-border-radius: 2px;
     -webkit-border-radius:2px;
      border-radius:2px;
}
header {
 border:none;
}
#select_bg {
 border-top:1px solid #282828;
 padding:0 30px 0 30px;
 background-color:#111111;
}
 #plus {
 display:none;
}
 #plusbg {
 display:none;
}
}
 @media screen and (max-width: 750px) {
 .cta_box {
 width:100%;
 min-height:100px;
 height:auto;
 padding:0;
 margin:30px 0 30px 0;
}
.cta_text {
 display: block;
 width:auto;
 padding:20px 30px 10px 30px;
 float:none;
 font-size:18px;
 color:#666666;
 font-family:"Open sans";
 text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
 font-weight:300;
}
 .cta_button {
display: block;
float:none;
overflow:auto;
text-align:center;
 margin:0 auto;
 width:auto;
 padding:10px 30px 20px 30px;
}
.cta_button a {
 display:block;
 margin:0 auto;
 border:1px solid rgba(0, 0, 0, 0.2);
 font-size:15px;
font-family:"Open sans";
 font-weight:300;
 background-color:#F96;
 color:#fff;
 float:none;
 text-transform:uppercase;
 text-align:center;
 padding:13px 30px;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
 .sc_box {
 width:100%;
}
.sc_box_content {
 width:auto;
 border:1px solid #e3e2e2;
}
 #footernav .menu {
 display:none;
}
 #coms {
 display:none;
}
 #top_message {
 display:none;
}
 #ptitle {
 width:auto;
}
 #page {
 padding:30px;
}
 #page_s {
 width:auto;
 margin:0px 0 0 0px;
 float:none;
}
 .page_s_title {
 margin:0px 10px 0px 10px;
}
 #posts {
 width:100%;
 float:none;
}
 #posts_2 {
 width:100%;
 float:none;
}
 #posts_p {
 width:100%;
 float:none;
}
 #informations {
 display:block;
 width:100%;
 margin:10px 0px 40px 0px;
 float:none;
}

/* sidebar */

#sidebar {
 width: 100%;
 padding:35px 0 0 0;
 float: left;
}
 .widget_wrap {
 width:100%;
 float:left;
}
 #searchform {
 padding:0 0px 0 0px;
}
 .sb_widget {
 width:100%;
}
 .widget {
 width:100%;
 float:none;
 margin-bottom:30px;
}
 #footer {
 padding:40px 30px 30px 30px;
}
 .tagcloud {
 margin:10px 0 0 10px;
}
 #calendar_wrap, .textwidget {
 margin:5px 0 10px 0px;
}

/* embedded videos */
	.video embed, .video object, .video iframe {
 min-height: 250px;
}
 .widget_recent_post {
 width:100%;
 float:left;
}
 .widget_recent_entries li:last-child {
 padding:0 0 0 0px;
}
 .recent_post {
 height:auto;
}
 .port_recent_post {
 height:auto;
}
 .recent_port_p {
 min-width:0;
}
 .portfolio_entry {
 width:100%;
}
 .portfolio_attachement {
 width:100%;
}







/* Column setting */







.one-half-sc {
 width:100%;
 margin-bottom:30px;
}
 .one-third-sc {
 width:100%;
 margin-bottom:30px;
}
 .one-fourth-sc {
 width:100%;
 margin-bottom:30px;
}
 .three-fourth-sc {
 width:100%;
 margin-bottom:30px;
}
 .two-third-sc {
 width:100%;
 margin-bottom:30px;
}
 #page_s .one-half-sc {
 width:100%;
 margin-bottom:30px;
}
 #page_s .one-third-sc {
 width:100%;
 margin-bottom:30px;
}
 #page_s .one-fourth-sc {
 width:100%;
 margin-bottom:30px;
}
 #page_s .three-fourth-sc {
 width:100%;
 margin-bottom:30px;
}
 #page_s .two-third-sc {
 width:100%;
 margin-bottom:30px;
}
 #page_h .one-half-sc {
 width:100%;
 margin-bottom:30px;
}
 #page_h .one-third-sc {
 width:100%;
 margin-bottom:30px;
}
 #page_h .one-fourth-sc {
 width:100%;
 margin-bottom:30px;
}
 #page_h .three-fourth-sc {
 width:100%;
 margin-bottom:30px;
}
 #page_h .two-third-sc {
 width:100%;
 margin-bottom:30px;
}
 .entry .one-half-sc {
 width:100%;
 margin-bottom:30px;
}
 .entry .one-third-sc {
 width:100%;
 margin-bottom:30px;
}
 .entry .one-fourth-sc {
 width:100%;
 margin-bottom:30px;
}
 .entry .three-fourth-sc {
 width:100%;
 margin-bottom:30px;
}
 .entry .two-third-sc {
 width:100%;
 margin-bottom:30px;
}
 .blog_entry .one-half-sc {
 width:100%;
 margin-bottom:30px;
}
 .blog_entry .one-third-sc {
 width:100%;
 margin-bottom:30px;
}
 .blog_entry .one-fourth-sc {
 width:100%;
 margin-bottom:30px;
}
 .blog_entry .three-fourth-sc {
 width:100%;
 margin-bottom:30px;
}
 .blog_entry .two-third-sc {
 width:100%;
 margin-bottom:30px;
}

 #footer:after {
 right:20px;
 left:auto;
 -webkit-transform:rotate(3deg);
 -moz-transform:rotate(3deg);
 -ms-transform:rotate(3deg);
 -o-transform:rotate(3deg);
 transform:rotate(3deg);
}
}
 @media screen and (max-width: 600px) {
 #site-description {
 display:none;
}
 .your-message textarea {
 width:90%;
}
 .hp_title {
 width:auto;
 padding:22px 30px 22px 30px;
}
 .rnd_button {
 display:none;
}
 .meta {
 width:15%;
 margin:0;
 font-size:7px;
}
 .slider-title {
 display:none;
}
 .flex-caption {
 display:none;
}
 .flex-direction-nav {
 display:none;
}
}









/************************************************************************************





smaller than 480





*************************************************************************************/











@media screen and (max-width: 480px) {
  nav {
	  width:100px;
 padding:0 15px 0 0;


}
 #sponsors {
 padding:0px 0 0 0;
}
.sponsor {
 width:100%;
 display:block;
 float:left;
 padding:10px 0 10px 0;
 border-bottom:1px solid #ececec;
 border-right:none;
}
#select_bg {
 border-top:1px solid #282828;
 padding:0 15px 0 15px;
 background-color:#111111;
}
 .pricetable {
 width:auto;
 padding:60px 0px 30px 0px;
}
.pricetable-column {
margin:20px 0 20px 0;
border-bottom:1px solid #eee;
}
 .img_link {
 display:none;
}
 .post_link {
 display:none;
}
 #footernav {
 padding:0 15px 0 15px;
}
 .carousel_left {
 right:43px;
}
 .carousel_right {
 right:15px;
}
 .widget_recent_post {
 margin:0;
 padding:0 0 30px 0;
}
 .recent_post {
 height:auto;
 margin:0;
 padding:0 0 0px 0;
}
 .title_box {
 width:100%;
 height:auto;
 float:left;
 font-size:14px;
}
 .widget_title {
 margin:20px 15px 20px 15px;
}
 .p_title {
 width:100%;
 margin:0;
 padding:8px 0 10px 0;
 text-align:left;
 background:none;
}
 .post_date {
 width:100%;
 padding:8px 0 10px 0;
 text-align:center;
 background:none #FFF;
}
.post_att {
 width:100%;
 margin:0 0 16px 0px;
}
.post_att_s {
 width:100%;
 margin:0 0 16px 0px;
}
.blog_entry {
 width:auto;
 margin:0;

}
 .blog_post {
 overflow:visible;
}
 .post_meta {
 display:none;
}
 .post_date {
 display:block;
}
 .post_com_s {
 display:block;
}
 .post_meta_small {
 margin:0;
 padding:2px 0 0 0;
 display:block;
 width:90%;
}
 .more-link {
 margin:10px 0 6px 1px;
}
 #footer_coms {
 float:left;
 margin:10px 0 0 0;
 padding:0;
}
 #page_top {
 padding:0 15px 0 15px;
}
 #page {
 padding:30px 15px 30px 15px;
}
 #page_h {
 padding:30px 15px 30px 15px;
}
 #page_c {
 padding:30px 15px 30px 15px;
}
 #page_p {
 padding:45px 0px 15px 15px;
}
 #page_b {
 padding:0px 15px 30px 15px;
}
 #footer {
 padding:40px 15px 30px 15px;
}
 .full_width {
 margin:0 15px 0 15px;
}
 .full_width_b {
 margin:0 0px 0 0px;
 padding:0 15px 0 15px;
}
 .full_width_p {
 padding:0px 10px 0px 15px;
}
 .full_width_p_two {
 padding:0px 10px 0px 15px;
}
 .full_width_p_three {
 padding:0px 10px 0px 15px;
}
.full_width_p_hex {
 padding:0px 10px 0px 15px;
}
 #footernav .menu {
 display:none;
}
.portfolio_recent_post, .portfolio_recent_post_two, .portfolio_recent_post_three {
 width:292px;
 height:300px;
 float:left;
}
.portfolio_recent_post_hex {
 margin:0 0 0 50px;
 float:none;
}
 #open {
 display:none;
}
 .port_recent_post {
 min-height:320px;
 height:auto;
}
 #page_c input[type=text] {
 width:90%;
}
 #site-logo {
 padding:0 0 0 15px;
}
#site-logo-img {
padding:0 0 0 15px;
}




/* disable webkit text size adjust (for iPhone) */







html {
 -webkit-text-size-adjust: none;
}
 .entry {
 margin:5px 5px 5px 5px;
}
 .post-info {
 font-size:7px;
}
}
 @media screen and (max-width: 320px) {
 .pagewrap {
 width:100%;
}
.share-box li {
 margin-right:9px;
}
.share-box ul {
 margin:31px 0 0 -12px;
 padding:0 0 0 0px;
}
.portfolio_recent_post_hex {
 margin:0 0 0 27px;
 float:none;
}
 .title_s {
 margin:0 0px 0 0px;
}
 .post-content_s {
 margin:-30px 10px 0 10px;
}
}
