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


}



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

    .pagewidth {
        width: 100%;
    }

    #header {
        position: relative;
        height: auto;
    }

    #content {
        max-width: 66%;
        padding: 0px 2% 0px 2%;
        margin: 0px 0 20px 0;
    }


#contentfullwidth {
    width: 96%;
    float: none;
position: relative;
overflow: hidden;
    padding: 0 2% 0 2%;
    margin: 0px auto 20px auto;
    border: 0;
}



    .widget {
        margin: 0 0 30px 0!important;
        height: auto!important;
    }	


    #footerbottom {
        padding: 30px 0 30px 0;
    }



}







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

#vendorbuttonscontainer {
	padding: 3%;
	width: 94%;
}

}












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

.headerlogo1 {
right: 0%;
}

.profileimage {
max-width: 50%;
}

.booklistbox {
font-weight: 600;
font-size: 12px;	
}

.booklistboxtitle {
    font-size: 30px;
}

.booklistbox a {
	padding: 1px 0;
}

.booklistbox a:hover {
	padding: 1px 6px;
}

h4 {
    font-size: 2em;
}



}











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

   .pquote {
	font-size: 23px;
    }


.profileimage {
max-width: 45%;
}

.piratebookimg {
width: 65%;
max-width: 65%;
margin: -10% -13% 0 2%;
}

.videopanelleft {
	width:41%;
	max-width:41%;
	padding: 20px 3% 20px 3%;
}

.videopanelright {
	width:41%;
	max-width:41%;
	padding: 20px 3% 20px 3%;
}

.videopanelfullwidth {
	width:94%;
	max-width:94%;
	padding: 20px 3% 20px 3%;
}

#footerbottomwrapper {
 background: #000 url(https://www.valmcdermid.com/wp/wp-content/themes/valmcdermid/images/footerwrapperbg.jpg) no-repeat top right 
}




}










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

.pageboxmodule {
width: 90%;
height: auto;
position: relative;
overflow: hidden;
display: block;
clear: both;
padding: 30px 4% 30px 4%;
}

.pageboxmoduleleft40 {
position: relative;
display: block;
        width: 90%;
        max-width: 90%;
        float: none;
        clear: both;
        padding: 20px 4% 20px 4%;
        margin: 10px auto 20px auto;
}

.pageboxmoduleright60clear {
position: relative;
display: block;
        width: 94%;
        max-width: 94%;
        float: none;
        clear: both;
        padding: 20px 2% 20px 2%;
        margin: 10px auto 20px auto;
}

.pageboxmoduleright60clearborder {
position: relative;
display: block;
        width: 90%;
        max-width: 90%;
        float: none;
        clear: both;
        padding: 20px 4% 30px 4%;
        margin: 10px auto 20px auto;
}

.pageboxmoduleleft40clear{
position: relative;
display: block;
        width: 94%;
        max-width: 94%;
        float: none;
        clear: both;
        padding: 20px 2% 20px 2%;
        margin: 10px auto 20px auto;
}

.booksthumbnailscontainer {
position: relative;
display: block;
        width: 96%;
        max-width: 96%;
        float: none;
        clear: both;
        margin: 10px auto 20px auto;
padding: 10px 2% 5px 0;
}

.featuredbookimg {
width: 67%;
max-width: 67%;
margin: -10% -25% -5px 1.5%;
}


.singlebookpagemainimg {
max-width: 35%;
height: auto;
margin: 0 -11% 10px 2%;
float: right;
clear: right;
position: relative;
padding: 0;
z-index: 99;
}

.floatimageleftsmall {
max-width: 50%;
}

#vendorbuttonscontainer {
	padding: 3%;
	width: 44%;
}



.bigemaillink {
width: 60%;
}



}
















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

#main-nav > ul > li > a {
  padding: 0 1.5em;
}

 #content {
        margin: 0px auto 20px auto;
    }

#contentfullwidth {
        margin: 0px auto 20px auto!important;
	border: 0;
    }


#straplinecontainer {
margin: 0px auto 30px auto;
}


.pintro {
    font-size: 1.8em;
}

.pintrosecondary {
font-size: 1.30em;
}



}








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

.floatimageleftsmall {
max-width: 40%;
}

}










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

#main-nav > ul > li > a {
  padding: 0 1.2em;
}

    .pquote {
	font-size: 23px;
    }

.booklistboxtitle {
    font-size: 26px;
}

.booklistbox {
font-weight: 600;
font-size: 11px;	
}

.featuredbookimg {
width: 67%;
max-width: 67%;
height: auto;
margin: -10% -22% -5px 1.5%;
float: right;
display: inline;
clear: right;
}

.signedbooksbox {
padding: 30% 3% 20px 3%;
}




}










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

.mediaiconscontainer {
	bottom: 42px;
	left: 1.5%;
	max-width: 20%;
}


.signedbooksbox {
padding: 30% 3% 20px 3%;
}


.pageboxmoduleleft49, .pageboxmoduleright49 {
position: relative;
display: block;
        width: 90%;
        max-width: 90%;
        float: none;
        clear: both;
        padding: 20px 4% 20px 4%;
        margin: 0 auto 20px auto;
}

.bigemaillink {
width: 70%;
}




}















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

#main-nav > ul > li > a {
  padding: 0 1em;
}

    #content {
        width: 94%;
        max-width: 94%;
        float: none;
        clear: both;
        padding: 0;
        margin: 10px 3% 20px 3%;
border: 0;
    }

    #contentfullwidth {
        width: 94%;
        max-width: 94%;
        float: none;
        clear: both;
        padding: 0;
        margin: 10px 3% 20px 3%;
overflow: visible;
border: 0;
    }

#intropagecontent {
        width: 94%;
        max-width: 94%;
        float: none;
        clear: both;
        padding: 0;
        margin: 10px 3% 20px 3%;
border: 0;
    }

#straplinecontainer {
float: none;
clear: both;
position: relative;
display: block;
    overflow: hidden;
    height: auto;
    border: 0;
    background: none;
width: 94%;
padding: 0;
margin: 0 auto 30px auto;
}
    
#newsboxcontainer {
float: none;
position: relative;
display: block;
overflow: hidden;
width: 94%;
margin: 0 auto 30px auto;
padding: 0 0 0 0;
}


    .pquote {
	font-size: 25px;
    }


	
/* sidebar */
    #sidebar {
        width: 94%;
        max-width: 94%;
        float: none;
        clear: both;
        padding: 2% 3% 4% 3%;
        margin-top: 0px;
    }

.booklistboxtitle {
    font-size: 30px;
}

.booklistbox {
font-weight: 600;
font-size: 12px;	
}


/* searchform */
    #header #searchform {
        right: 47px;
    }

    #header #searchform #s {
        float: right;
    }


.emaillinkcontainer {
        display: block;
        position: absolute;
        right: 0;
        top: 0px;
        height: 45px;
         width: 25px;
        margin: 0 0 0 0;
        padding: 0 10px 0 10px;
        z-index: 999;
        line-height: 45px;
        text-align: right;
background: rgba(173, 144, 211, 1.0);
    }

    .emailicon1 {
        float: left;
        display: inline-block;
        margin-right: 5px;
        margin-top: 12px;
        border: 0;
        padding: 0;
    }




img.alignleft {
float: none!important;
 margin: 0 auto 10px auto!important;
max-width: 100%!important;
width: 100%!important;
position: relative!important;
overflow: hidden!important;
clear: both;
border: 0;
height: auto;
}

img.alignright {
float: none!important;
margin: 0 auto 10px auto!important;
overflow: hidden!important;
max-width: 100%!important;
width: 100%!important;
position: relative!important;
clear: both;
border: 0;
height: auto;
}


img.aligncenter {
float: none!important;
 margin: 0 auto 10px auto!important;
max-width: 100%!important;
width: 100%!important;
position: relative!important;
overflow: hidden!important;
clear: both;
border: 0;
height: auto;
}

.wp-caption {
width: 100%!important;
max-width: 100%!important;
}

.signedbooksbox {
padding: 35% 3% 20px 3%;
}

}









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

.signedbooksbox {
padding: 40% 3% 20px 3%;
}

.singlebookpagemainimg {
max-width: 42%;
height: auto;
margin: 0 -13% 10px 2%;
float: right;
clear: right;
position: relative;
padding: 0;
z-index: 99;
}



}











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

#footerbottomwrapper {

}

    #footerbottom {
        clear: both;
        position: relative;
        overflow: hidden;
       width: 94%;
margin:0 auto;
    }

    #footerlogocontainer {
        height: 68px;
        width: 150px;
        float: left;
        padding: 0;
        margin: 0;
        border: 0;
    }

    #footertextdetailscontainer {
        float: left;
        padding: 0;
        margin:0 0 0 0;
        height: 55px;
        border: 0;
        clear: both;
        border-left: 0;
    }

    #footercreditscontainer {
        float: left;
        padding: 0;
        margin: 0 0 0 0;
        height: 55px;
        border: 0;
        clear: both;
        border-left: 0;
    }




}












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

.bigemaillink {
margin: 0 0 0 -6%;
width: 85%;
}



.rslides {
        display: none;
    }

#headerwrapper {
background: none;
}


.headerimagecontainer {
display:none!important; 
}



#topstrip {
    height: 25px;
    width: 100%;
    position: relative;
    margin: 0 0 0 0;
    padding: 10px 0 10px 0;
    top: 0px;
    z-index: 9999;
border-bottom: 1px solid #000;
}

.emaillinkcontainer {
        z-index: 99999;
}


.headerlogo1 {
display: none;
}


.headerlogo2 {
        display: block;
        position: relative;
        float: none;
	clear: both;
        padding: 0;
        outline: 0;
        z-index: 999;
        max-width: 100%;
        height: auto;
        margin: -46px auto 0 auto;
	left: 0;
	right: 0;
	bottom: 0;
    }


.mediaiconscontainer {
	bottom: 3px;
	left: 0.85%;
	max-width: 18%;
}






/* disable webkit text size adjust (for iPhone) */
    html {
        -webkit-text-size-adjust: none;
    }



/* post */
    .post {
	margin: 0 auto 20px auto;
        float: none;
    }

    .post-nav .prev, .post-nav .next {
        display: block;
        width: 100%;
        clear: both;
        margin-bottom: 10px;
    }

    .commentlist {
        padding-left: 0;
    }

    .commentlist .commententry {
        clear: left;
    }

    .commentlist .avatar {
        float: left;
        width: 40px;
        height: 40px;
        margin: 0 10px 10px 0;
    }


#straplinecontainer {
    margin: 30px auto 30px auto;
}

.pintro {
    font-size: 1.5em;
}

.pintrosecondary {
font-size: 1.25em;
}



  #searchform-wrap {
        display: none;
    }

#content {
        margin: 20px auto 20px auto;
    }

#contentfullwidth {
   margin: 20px auto 20px auto!important;
}


.piratebookimg {
width: 100%;
max-width: 100%;
height: auto;
margin: -10% auto 0 auto;
float: none;
display: block;
padding: 0;
border: 0;
outline: 0;
clear: both;
z-index: 99;
}


.videopanelleft {
	margin: 0 auto 20px auto;
	float: none;
	position: relative;
	display: block;
	clear: both;
	width:90%;
	max-width:90%;
	height: auto;
	padding: 30px 4% 10px 4%;
    box-shadow: 0 1px 2px #63717c!important;
}


.videopanelright {
	margin: 0 auto 20px auto;
	float: none;
	position: relative;
	display: block;
	clear: both;
	width:90%;
	max-width:90%;
	height: auto;
	padding: 30px 4% 10px 4%;
    box-shadow: 0 1px 2px #63717c!important;
}

.videopanelfullwidth {
	width:90%;
	max-width:90%;
	padding: 20px 4% 20px 4%;
}



}










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

.signedbooksbox {
position: relative;
display: block;
        width: 88%;
        max-width: 88%;
        float: none;
        clear: both;
        padding: 60% 5% 20px 5%;
        margin: 10px auto 20px auto;
}

.pageboxmoduleright60 {
position: relative;
display: block;
        width: 88%;
        max-width: 88%;
        float: none;
        clear: both;
        padding: 20px 5% 20px 5%;
        margin: 10px auto 20px auto;
}


.floatimageright{
max-width: 100%;
height: auto;
position: relative;
overflow; hidden;
float: none;
clear: both;
margin: 0 0 10px 0;
padding: 0;
}


.floatimagerightsmall{
max-width: 100%;
height: auto;
position: relative;
overflow; hidden;
float: none;
clear: both;
margin: 0 0 10px 0;
padding: 0;
}

.floatimageleft{
max-width: 100%;
height: auto;
position: relative;
overflow; hidden;
float: none;
clear: both;
margin:0 0 10px 0;
padding: 0;
}

.floatimageleftsmall {
max-width: 100%;
height: auto;
position: relative;
overflow; hidden;
float: none;
clear: both;
margin: 0 0 10px 0;
padding: 0;
}

.playsimageleft {
margin: 0 2.5% 10px 0;
}


.pageboxmoduleright60clearborder {
background: #fff url(images/contactbg.png) no-repeat bottom right;
-moz-background-size:  auto 25%;
-webkit-background-size:  auto 25%;
-o-background-size:  auto 25%;
background-size: auto 25%;
}


}














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

.featureimagesgridcontainer {
    margin: 0 auto;
}

.featureimagesgrid figure {
		width: 100%;
		margin: 10px auto;
		float: none;
		position: relative;
	}
	
	.featureimagesgrid .figureright {
		width: 100%;
		margin: 10px auto;
		float: none;
		position: relative;
	}

.wpcf7-form input {
padding: 6px 3% 6px 3%!important;
width: 94%!important;
max-width: 98%!important;
float: none!important;
position: relative!important;
margin: 0 auto!important;
overflow: hidden;
}

.wpcf7-form textarea {
padding: 6px 3% 6px 3%!important;
width: 94%!important;
max-width: 98%!important;
float: none!important;
position: relative!important;
margin: 0 auto!important;
overflow: hidden;
}

.wpcf7-form-control.wpcf7-submit {
width: 100%!important;
max-width: 100%!important;
float: none!important;
position: relative!important;
margin: 0 auto!important;
overflow: hidden;
padding: 5px 0 5px 0!important;
}

.wpcf7-form .wpcf7-validation-errors {
padding: 6px 3% 6px 3%!important;
width: 94%;
float: none;
position: relative;
margin: 0 auto 20px auto!important;
}

.mediaiconscontainer {
	bottom: 3px;
	left: 1%;
	max-width: 18%;
}

.floatimageleftextrasmall {
max-width: 50%;
}

.floatimagerightextrasmall {
max-width: 50%;
}

.contactmessage {
position: relative;
max-width: 100%;
font-size: 1.2em;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
line-height: 120%;
color: #777;
padding: 20px 0 15px 0;
margin: 0 auto 10px auto;
}


}







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

.singlebookpagemainimg {
max-width: 55%;
}

}











@media screen and (max-width: 500px) {
	
#vendorbuttonscontainer {
	padding: 3%;
	width: 94%;
}

.biblioitemleft, .biblioitemright {
float: none;
clear: both;
position: relative;
display: block;
overflow: hidden;
width: 94%;
margin: 0 auto 20px auto;
padding: 0 0 0 0;
}	
	
}










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

    #content, #contentfullwidth, #intropagecontent {
        padding: 0;
	margin: 0 3% 20px 3%;
    }


.profileimage {
max-width: 50%;
}


.mediaiconscontainer {
display: none;
}



.post-title {
    font-size: 3em!important;
}

blockquote p {
font-size: 1.9em;
}

.bigemaillink {
margin: 0 0 0 -6%;
width: 100%;
}


}














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

    .pquote {
        margin: 20px 0 20px 0;
        max-width: 100%;
        float: none;
	font-size: 27px;
        clear: both;
        border: 0;
        position: relative;
        display: block;
        overflow: hidden;
    }
    
    
 .newsimageleft, .newsimageright, .newsimagerightsmall {
	float: none;
	position: relative;
	display: block;
	border: 0;
	outline: 0;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0 0;
	border: 0;
}

	
.newscontainer .pquote {
	line-height: 110%;
	margin: 20px auto 10px auto!important;
	max-width: 100%;
	width: 100%;
	float: none;
	clear: both;
}

.featuredbookimg {
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto 5px auto;
float: none;
display: block;
position: relative;
padding: 0;
border: 0;
outline: 0;
clear: both;
z-index: 99;
}


h5 span {
    font-size: 1.2em!important;
}



}














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

.tooltip {
display: none;
}

.signedbooksbox {
padding: 65% 5% 20px 5%;
}

.seriesimage {
max-width: 100%;
height: auto;
position: relative;
overflow; hidden;
float: none;
clear: both;
margin: 0 0 10px 0;
padding: 0;
}

.floatimageleftextrasmall {
max-width: 100%;
width: 100%;
height: auto;
margin: 0 auto 10px auto;
float: none;
clear: both;
position: relative;
display: block;
padding: 0;
}

.floatimagerightextrasmall {
max-width: 100%;
width: 100%;
height: auto;
margin: 0 auto 10px auto;
float: none;
clear: both;
position: relative;
display: block;
padding: 0;
}

}








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


.singlebookpagemainimg {
max-width: 100%;
height: auto;
margin: 0 auto 10px auto;
float: none;
clear: both;
position: relative;
padding: 0;
z-index: 99;
}


.smallbannerfloatright, .smallbannerfloatleft {
max-width: 100%;
height: auto;
margin: 0 auto 10px auto;
float: none;
clear: both;
position: relative;
padding: 0;
}





}









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

.profileimage {
max-width: 100%;
height: auto;
float: none;
position: relative;
clear: both;
margin: 0 auto;
padding: 0;
border: 0;
}

    .post-title {
        font-size: 1.8em;
    }

.signedbooksbox {
padding: 75% 5% 20px 5%;
}



}











/* highres' assets for Mac Retina and HD screens   */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
		
		
		
}