@media only screen and (min-width: 768px) and (max-width: 1000px) {
#container-wrap,
#container{
width:940px;
margin:0px auto;
}


#left-part {
    float: none;
    margin: 0 auto 60px;
    position: inherit;
}

.slide:before{
left:48.4%;
}

#controls{
margin-top:80px;
}

}


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

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


#left-part {
    float: none;
    margin: 0 auto 60px;
    position:relative;
	z-index:9999;
}

.slide:before{
left:47.8%;
}

.page-title-bar-text{
margin-top:50px;
}

.page-title-bar-text h2{
font-size:65px;
}

ul.blog-row{
width:103%;
}

ul.blog-row li {
    width:46.8%;
	margin-bottom:3%;
}

#panel {
	display:none;
}

}


/* Mobile landscape width 320 */
@media only screen and (max-width: 767px) {

#container-wrap,
#container{
width:320px;
margin:0px auto;
overflow:hidden;
}


#left-part {
    float: none;
    margin: 0 auto 60px;
    position:relative;
	z-index:9999;
}

.slide:before {
    left: 42.3% !important ;
}
#slidecaption{
top:42%;
}
#slidecaption h2:before{
top:13px;
}

#slidecaption h2{
font-size:25px;
}

#prevslide, #nextslide{
top:62%;
}

.page-title-bar{
height:140px;
}

.page-title-bar-text{
margin-top:30px;
}

.page-title-bar-text h2{
font-size:25px;
}

.portfolio4 li,
ul.blog-row li{
width:100%;
}

ul.blog-row{
width:100%;
}

aside {
    border-left:none;
    padding-left:0px;
}

.tab li{
float:none;
display:block;
}

.tab-content {
     padding: 10%;
    width: 80%;
}

.alignleft,
.alignright{
float:none;
margin-bottom:10px;
}


.share-post {
    padding: 10%;
    width: 80%;
}

.share-post .social-media ul {
    float:left;
	margin-top:18px;
}

#panel {
	display:none;
}
/* 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{
width: 100%;
margin-bottom:30px;
}
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
#container-wrap,
#container{
width:480px;
margin:0px auto;
overflow:hidden;
}

#panel {
	display:none;
}

#left-part {
    float: none;
    margin: 0 auto 60px;
    position:relative;
	z-index:9999;
}

#thumb-back, 
#thumb-forward{
display:inherit;
}

.portfolio4 li, ul.blog-row li{
width:98%;
}

.page-title-bar{
height:inherit;
}

dt{
width:37%;
}

}