@media only screen and (max-width : 1024px ){
	header, footer, .home-top, .home-bottom, #content, .journal-top {
		width: 96%;
		padding: 0 2%;
	}
	.journal-top-wrapper, .home-top-wrapper {
		background-repeat: repeat;
	}
	#flexslider-1 {
		height: auto;
	}
	#flexslider-1 .callout {
		width: 64%;
		margin: 0 0 0 2%;
	}
	#flexslider-1 .slick-dots {
		width: 64%;
	}
	#flexslider-1 img {
		width: 30%;
	}
	#user-actions {
		width: 35%;
	}
}
@media only screen and (max-width:830px) {
	header {
		height: 160px;
	}
	#primary-nav {
		bottom: 50px;
	}
	#primary-nav li {
		margin: 0 0 0 15px;
	}
	#primary-nav a {
		padding: 6px 10px;
	}
	#user-actions {
		width: 38%;
		position: absolute;
		right: 0;
	}
	#logo img {
		width: 250px;
	}
	#flexslider-2 .slick-dots { 
		display:none !important;
}
@media only screen and (min-width:650px) and (max-width:730px) {
	#user-actions {
		width: 45%;
	}
}
@media only screen and (min-width:530px) and (max-width:649px) {
	#user-actions {
		width: 55%;
	}
}
@media only screen and (min-width:415px) and (max-width:529px) {
	#user-actions {
		width: 65%;
	}
}
@media only screen and (min-width:415px) and (max-width:730px) {
	#primary-nav {
		bottom: 0;
	}
	#primary-nav li {
		margin: 0 3px;
	}
	#primary-nav li a {
		padding: 6px;
	}
}
@media only screen and (min-width:415px) { 
	#___gcse_0 .fa-times { 
		display:none; 
	}
}
@media only screen and (max-width:414px) {
	#header {
		height: 100px;
	}
	.fa-bars, .fa-search, .fa-shopping-cart, .fa-times, .search-form-module .fa-times, .search-form-module .clicktoggle {
		display: block;
		color: #8c9095;
	}
	.mobile .fa-shopping-cart, .mobile .fa-search {
		font-size: 38px;
	}
	.carttext, #logo, .searchsubmit {
		display: none;
	}
	.search-form-module {
		position: absolute;
		top: 0;
		right: 0;
		width: 60px;
		z-index: 110;
	}
	.search-form-module .fa-times {
		position: absolute;
		top: 30px;
		right: 10px;
		display: none;
		left: auto;
		width: 45px;
	}
	.search-form-module input[type="text"] {
		height: 70px;
		padding: 0;
		width: 0;
	}
	#logo-m {
		display: block;
	}
	#logo-m {
		padding: 15px 0 0 0;
		margin-left: 50px;
	}
	#logo-m img {
		width: 215px;
	}
	#primary-nav {
		width: 100%;
		top: -20px;
		left: 0;
		right: auto;
		bottom: auto;
		z-index: 100;
		height: 0;
	}
	#primary-nav ul {
		background: #333;
		width: 60%;
		margin-left: -60%;
		padding-top: 20px;
	}
	#primary-nav li {
		display: block;
		text-align: left;
		margin: 0;
	}
	#primary-nav a {
		color: #999;
		padding: 15px;
		border-bottom: 1px solid #555;
		font-size:14px;
	}
	#primary-nav a:hover {
		color: #fff;
	}
	#primary-nav a:hover, #primary-nav a.active, #primary-nav li:hover > a {
		color: #FFF;
		background:#444;
	}
	#primary-nav .sub-nav {
		position: relative;
		margin: 0;
		width: auto;
		padding: 0;
	}
	#primary-nav .sub-nav li a {
		background: #111;
		font-size: 1em;
		padding: 10px 15px 10px 25px;
		border-bottom: 1px solid #333;
	}
	#primary-nav li.parent a:after {
		content: "\25BA";
		float: right;
	}
	#primary-nav li.parent a.open:after {
		content: "\25BC";
	}
	#primary-nav li.parent .sub-nav a:after {
		content: "";
	}
	.fa-bars, .fa-times {
		left: 10px;
		top: 45px;
		position: absolute;
	}
	#user-actions {
		width: 100%;
		z-index: 105;
		top: -10px;
	}
	#user-actions a {
		text-decoration: none !important;
	}
	.search-form-module .clicktoggle {
		position: absolute;
		top: 29px;
		right: 10px;
	}
	#user-actions .cart {
		display: block;
		position: absolute;
		top: 28px;
		right: 75px;
		float: none;
	}
	#flexslider-1 img {
		width: 46%;
	}
	#flexslider-1 .callout {
		width: 46%;
	}
	#flexslider-1 .callout p {
		display: none;
	}
	#flexslider-1 .slick-dots {
		width: 44%;
	}
	.col.col-6, .col.col-8, .col.col-4 {
		float: none;
		margin: 0;
		width: 100%;
	}
	.col.col-2 {
		width: 31%;
	}
	.col-sep-6, .col-sep-8 {
		background-image: none;
	}
	footer .contact {
		float: none;
	}
	footer address {
		float: none;
		text-align: left;
		font-size: .85em;
	}
	img.journal-image {
		width: 40%;
		margin: 0 3% 0 0;
		float: left;
		height: auto;
	}
	.ui-tabs a {
		text-transform: none;
		font-size: .8em;
		line-height: 1.7em;
	}
	.journal .ui-tabs a {
		height: 60px;
	}
	
	
	
	/* header changes */
    #header-wrapper {
        border-top: 3px solid #c72a1d;
        background-color:#fdfdfd;
        border-bottom: 1px solid #f0f0f0;
    }
    #logo-m img {
        width: 140px;
        margin-left:10px
    }

    #header {
        height: 70px;
    }

    .mobile .fa-shopping-cart, .mobile .fa-search, .fa-bars, .fa-times { 
        font-size:24px;
    }
	
	#flexslider-1 .featured {
        font-size: .8em;
	    margin-top: -25px !important;
	    margin-bottom: 0px !important;
	}
	#flexslider-1 .callout h3 {
	    font-size: 1.2em;
	}
    /* book and journal page changes */

    h1 { 
        font-size: 1.2em;
    }
    .sub-title, .edited-by { 
        clear:none !important;
    }
    h3.author { 
        font-size:0.9em;
    }
    .journal-content p { 
        clear:both;
        font-size:0.8em;
        padding-top:5px;
        line-height:1.4em;
    }
    .button-row { 
        font-size:0.6em;
    }
    .button-row strong { 
        font-size:1.6em;
    }
    .button-row .btn { 
        min-width:108px;
        text-align:center;
        font-size:1.05em;
    }
    .addthis_sharing_toolbox { 
        text-align:center;
    }


    /* footer changes */
    footer { 
        font-size:0.7em;
    }
    footer .contact { 
        margin-top:5px;
    }
    footer address span { 
        margin:0;
        margin-right:5px;
    }
	
	/* google search changes */
	.gsc-control-cse.gsc-control-cse-en.mobile-active {
	    width: 100%;
	    height: 100%;
	    background: rgba(0,0,0,.5);
	    position: fixed;
	}
	
	.gsc-control-cse.gsc-control-cse-en.mobile-active table.gsc-search-box {
	    float: none;
	    margin: 80px auto;
	}
	
	.gsc-control-cse.gsc-control-cse-en.mobile-inactive { 
	    position:absolute;
	    right:30px;
	    top:27px;
	}
	
	.gsc-control-cse.gsc-control-cse-en.mobile-inactive .gsc-input-box { 
	    display:none
	}
	
	.gsc-control-cse.gsc-control-cse-en.mobile-inactive input.gsc-search-button.gsc-search-button-v2 { 
	    border-radius:20px;
	    background:#a9a9a9;
	    border:0;
	}
	#___gcse_0 .fa-times { 
		color:white;
		position:absolute;
		right:10px;
		top:10px;
		display:block;
	}

	
	
}
@media only screen and (max-width:375px) {
	#logo-m {
		padding: 15px 0 0 0;
		margin-left: 40px;
	}
	#logo-m img {
        width: 140px;
        margin-left:10px
	}
}
@media only screen and (max-width:320px) {
	#logo-m {
		padding: 15px 0 0 0;
		margin-left: 38px;
	}
	#logo-m img {
		width: 150px;
	}
	#user-actions .cart {
		right: 51px;
	}
	.ui-tabs a {
		font-size: .75em;
	}
	.gsc-control-cse.gsc-control-cse-en.mobile-inactive { 
	    position:absolute;
	    right:10px;
	    top:27px;
	}
}