/* =Responsiveness: Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

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

#outer-wrapper {width:92%;padding:0 20px;}
#sidebar-wrapper {position:relative;width:48%;float:left;margin-top:0px;padding-right:0px;}
#main-wrapper {width:98%;float:left;padding:0;margin:0;}
#right-sidebar-wrapper {width:48%;margin-top:0px;margin-left:0px;padding-left:10px}
#mid-wrapper {float:none;}
#header-wrapper, #linkbar-wrapper {min-width:100%;}
.jquery-responsive-select-menu {font:normal 700 12px Quicksand;color:#fff;background:#ccb683;letter-spacing:2px;border:none;border-radius:0;text-transform:uppercase;width:90%;-webkit-appearance: none;padding: 6px;}
.tptn_posts img {width:100%;height:auto;}
.tptn_posts li {width: 47%;height: auto;margin-right: 4px;}
#credits {max-width:100%;min-width:100%;}
.collapseomatic, .collapseomatic_content {width:86%;}
#s {width:96%;}
.super_recent_posts_item img {width:70px; height:auto;}
#footer .widget {width:320px;}
#linkbar a {padding: 6px 15px;}

}

@media only screen and (min-width: 400px) and (max-width: 700px) {
#linkbar a {line-height:30px;padding: 6px 15px;}

}

/* =Responsiveness: Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

#outer-wrapper {width:94%;padding:0 20px;}
#sidebar-wrapper {width:47%;float:left;position:relative;padding-right:0;padding-left:10px;padding-top:40px;}
#main-wrapper {width: 95%;float: left;padding: 10px;margin: 0 auto;}
#right-sidebar-wrapper {width:47%;margin-top:0px;padding-top:40px;padding-left:10px;}
#mid-wrapper {float:none;}
.tptn_posts img {width:100%;height:auto;}
.tptn_posts li {width: 47%;height: auto;margin-right: 5px;}
#credits {max-width:100%;min-width:100%;}
#s {max-width:96%;}
.collapseomatic, .collapseomatic_content {width:86%;}
#header-wrapper, #linkbar-wrapper {min-width:100%;}


}
 
/* =Responsiveness: Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

#outer-wrapper {width:96%;padding:0 10px;}
#sidebar-wrapper {width:27.52%;padding-top:50px;}
#main-wrapper {width:59.63%;margin:0px 6.4%;padding-top:50px;}
#right-sidebar-wrapper {width:21.42%;padding-top:50px;}
#mid-wrapper {width:77.86%;}
.tptn_posts img {width:100%;height:auto;}
.tptn_posts li {width: 47%;height: auto;margin-right: 4px;}
#credits {max-width:100%;min-width:100%;}
#s {width:96%;}
.collapseomatic, .collapseomatic_content {width:100%;}
#header-wrapper, #linkbar-wrapper {min-width:100%;}

} 

/* =Responsiveness: Laptop (Portrait)
================================================== */

/* Note: Design for a width of 960px */

@media only screen and (min-width: 960px) and (max-width: 1399px) {

#outer-wrapper {width:96%;padding:0 20px;}
#sidebar-wrapper {width:27.52%;padding-top:70px;}
#main-wrapper {width:59.63%;margin:0px 6.4%;padding-top:70px;}
#right-sidebar-wrapper {width:21.42%;padding-top:70px;}
#mid-wrapper {width:77.86%;}
.tptn_posts img {width:100%;height:auto;}
.tptn_posts li {width: 47%;height: auto;margin-right: 5px;}
#credits {max-width:100%;min-width:100%;}
#s {width:128px;}
.collapseomatic, .collapseomatic_content {width:100%;}
#header-wrapper, #linkbar-wrapper {min-width:100%;}

}