/* 
##     ## ########    ###    ########  ######## ########  
##     ## ##         ## ##   ##     ## ##       ##     ## 
##     ## ##        ##   ##  ##     ## ##       ##     ## 
######### ######   ##     ## ##     ## ######   ########  
##     ## ##       ######### ##     ## ##       ##   ##   
##     ## ##       ##     ## ##     ## ##       ##    ##  
##     ## ######## ##     ## ########  ######## ##     ## 
*/
 
body #header_fullwidth {background-color: #0060C2;}
.region.region-header {background-color: #0060C2;}
body.toolbar-drawer {
    padding-top: 69px!important;
}
body.toolbar #subheader_fullwidth {
    top: 114px!important;
}

body.node-type-product #content .region-content article .product_icons.no-series-title {
    top: -10px !important;
}

.product-description p {
    margin-bottom: 20px !important;
}

body.node-type-product #content .region-content article .two-col #product-price {margin-top: 1.3em;}

body.node-type-product #content .region-content article .product_icons {
    margin-bottom: 1em;
}

body.node-type-product #content .region-content article .product_icons .icons.e_book {height: 48px !important;  }

.region.region-sub-header #block-nodeblock-toplogo .block-content #node-17 {
    padding: 10px 30px 0 0;
    margin-bottom: 10px!important;} 

    body.not-logged-in #header .region.region-header, body.logged-in #header .region.region-header 
    {min-height: 45px!important;}    

    body.logged-in #header .region.region-header 
    {padding-top: 8px!important;}    

    .region.region-menu #block-menu-menu-menu-sections .block-content>ul.menu>li>a
    {height: 50px!important;min-height: 50px!important;padding-top: 5px!important;}

.wm-768 {
    font-size: 12px!important;
    line-height: 14px!important;
}
.carousel-header .carousel-header-text {color: #0060C2;}
.wide-banner .strip .title {color: #0060C2;font-size: 18px; line-height: 20px;padding-top: 5px;text-align: center;}
.module-heading .module-title {color: #0060C2;}
.row .col-md-12.blog-info .blog-heading a {color:#0060C2;}
.row .col-md-12.blog-image img.blog1, .row .col-md-12.blog-image img.blog2 {border-bottom: 4px solid #0060C2;}
#block-views-shopping-cart-block table tbody td .total-price {color: #0060C2;}
div.margin-top-10 .container .region.region-footer #block-nodeblock-footer-left .footer-module .footer-module-title {border-bottom: 1px solid #0060C2; color: #0060C2; }
div.margin-top-10 .container .region.region-footer #subscription_data input[type=submit] {background: none repeat scroll 0 0 #0060C2;}    
div.margin-top-10 .container .region.region-footer #block-block-3 .footer-module .footer-module-title {border-bottom: 1px solid #0060C2; color: #0060C2;}
div.margin-top-10 .container .region.region-footer #block-menu-menu-footer-navigation .block-content>ul.menu>li .nolink h4 {border-bottom: 1px solid #0060C2; color: #0060C2;}
.subfooter .container .region.region-subfooter #block-nodeblock-footer-copyright .block-content {border-top: 2px solid #0060C2;}
.footer {border-top: 1px dashed #0060C2; background: #F3F6F9;}
.subfooter {background: #F3F6F9;}
.product-teaser h4 {color: #0060C2;}
.sl-price-value {color: #0060C2;}
.product-teaser input[type=submit] {background-color: #0060C2;}
body.node-type-product #content .region-content article .product_title  {color: #0060C2; margin-left: 0.2em;}
body.node-type-product #content .region-content article .two-col .col-md-5 .levels .levels-value {color: #0060C2;}
body.node-type-product #content .region-content article .small-meta .small-meta-item .small-meta-item-label {color: #0060C2;}
body.node-type-product #content .region-content article .two-col .col-md-5 .levels .levels-value {color: #0060C2;}
.product-teaser2 input[type=submit]  {background-color: #0060C2;}
body.page-user h1, body.page-user-login h1 {color: #0060C2;}
.search-wrapper .search-submit {background: #0060C2;}
.product-small-teaser .product-teaser-footer h5 {color: #0060C2;}
.sidebar-module .sidebar.sidebar-left {background-color: #fafcff;}


body.node-type-product #content .region-content article .two-col #product-price, body.node-type-product #content .region-content article .two-col .small-meta-wrapper {background-color: #fafcff;}
body.node-type-page.page-about .region.region-content h1, body.node-type-page.page-about .region.region-content h1, body.node-type-page.page-canadian-customers .region.region-content h1, body.node-type-page.page-ebook .region.region-content h1, body.node-type-page.page-contact .region.region-content h1, .not-front.node-type-page .region.region-content h1 {color: #0060C2!important;}
div.margin-top-10 .container .region.region-footer #block-menu-menu-footer-navigation .block-content>ul.menu>li>ul.menu li>ul.menu li a:hover, div.margin-top-10 .container .region.region-footer #block-menu-menu-footer-navigation .block-content>ul.menu>li>ul.menu li>ul.menu li a:focus {color: #0060C2!important;}
div.margin-top-10 .container .region.region-footer #block-block-3 .footer-module .footer-module-body .footer-social-contact li a:hover, div.margin-top-10 .container .region.region-footer #block-block-3 .footer-module .footer-module-body .footer-social-contact li a:focus {color: #0060C2!important;}
body.page-user #user_login_form .form-actions .form-submit, body.page-user-login #user_login_form .form-actions .form-submit {background-color: #0060C2; border: 1px solid #0060C2;}

.wide-banner, .wide-banner .strip {-webkit-box-shadow:none!important;}
.wide-banner .strip {padding: 10px 10px;}

.wide-banner {border-bottom: 4px solid #0060C2;height: 425px!important; min-height:425px!important;}
.wide-banner .strip .subtitle {margin-bottom: 10px;}

.box-logo {height:40px; text-align:center; display:block; margin: 0 auto; margin-bottom:15px;}
.box-w44-logo {max-height:30px; margin-bottom:20px; margin-top:5px; width: 80%;}
.box-img {display: block; margin: 0 auto;width: 100%; max-width: 400px;height: auto; }
.box-img-owl {display: block; margin: 0 auto;width: 100%; max-width: 220px!important; height: auto; }
.box-img-wm {display: block; margin: 0 auto;width: 100%; max-width: 400px; height: auto; }

body #menuheader_fullwidth {
    position: absolute;
     top: 150px!important;
    left: 0;
    width: 100%;
    height: 51px;
    min-height: 51px;
    border: 0 solid transparent;
    border-width: none!important;
    border-style: solid;
    border-color: transparent transparent #EAEBE7;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none!important;
    border-radius: none!important;
    box-shadow: none!important; 
    background: none repeat scroll 0% 0% #fafcff;
     border-bottom:1px solid #f1f2f6!important;
}

body #subheader_fullwidth {
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 105px!important;
    min-height: 60px;
    background-color: #fafcff;
    box-shadow: none!important; 
}

.region.region-sub-header {
    padding: 0 0 0 0!important;
    min-height: 105px!important;
}

/* Grade Levels Submenu */
.region.region-menu #block-menu-menu-menu-sections .block-content > ul.menu > li ul.menu a {
    margin-top: 1px!important;
    color: #000!important;
}

.region.region-menu #block-menu-menu-menu-sections .block-content > ul.menu > li ul.menu li a:hover {
    margin-top: 1px!important;
    color: #57606f !important;
}

.region.region-menu #block-menu-menu-menu-sections .block-content > ul.menu > li ul.menu li:hover {
    background: transparent!important;
    margin-top: 0!important;
}

body.logged-in.toolbar #menuheader_fullwidth {
    top: 219px !important;
}

.region.region-menu #block-menu-menu-menu-sections .block-content>ul.menu>li>a .nav-img {
    max-width: 100%;
    max-height: 28px;
}

.region.region-menu #block-menu-menu-menu-sections .block-content>ul.menu {
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
}

.region.region-menu #block-menu-menu-menu-sections .block-content>ul.menu>li {
    float: left;
    text-align: center;
    margin: 0;
    width: 13.66%;
    padding: 0;
   
}







/*
##        #######   ######           #### ##    ##     ######  ######## ##    ## ##       ########  ######  
##       ##     ## ##    ##           ##  ###   ##    ##    ##    ##     ##  ##  ##       ##       ##    ## 
##       ##     ## ##                 ##  ####  ##    ##          ##      ####   ##       ##       ##       
##       ##     ## ##   #### #######  ##  ## ## ##     ######     ##       ##    ##       ######    ######  
##       ##     ## ##    ##           ##  ##  ####          ##    ##       ##    ##       ##             ## 
##       ##     ## ##    ##           ##  ##   ###    ##    ##    ##       ##    ##       ##       ##    ## 
########  #######   ######           #### ##    ##     ######     ##       ##    ######## ########  ######  
*/
body.page-user #user_login_form .form-actions .form-submit, body.page-user-login #user_login_form .form-actions .form-submit {
    background-color: #0060C2;
    padding: 0.5em 2em;
    border: 1px solid #0060C2;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    font-size: 24px;
    position: relative;
    display: block;
     /*margin: 35px auto;
    width: 90%;
    height: 55px;
   margin-top: 157px;*/
    width: 35% !important;
    height: 55px !important;
    margin-left: 20px!important;
    margin-top: 50px!important;
    font-size: 1.3em!important;
}

body.page-user #user_register_form .form-actions .form-submit, body.page-user-login #user_register_form .form-actions .form-submit {
    background-color: #0060C2;
    padding: 0.5em 0;
    border: 1px solid #0060C2 !important;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    font-size: 24px;
    position: relative;
    display: block;
    margin: none;
    width: 35% !important;
    height: 55px !important;
    margin-left: 20px!important;
    margin-top: 10px!important;
}

body.page-user #user_register_form #edit-account .form-item-pass, body.page-user-login #user_register_form #edit-account .form-item-pass {
    overflow: visible !important;
}

body.page-user #user_login_form .form-item, body.page-user-login #user_login_form .form-item .form-type-textfield {
    padding-bottom: 5px !important;
}

body.page-user #edit-name--2-error, body.page-user-login #edit-name--2-error {
    margin-left: 0px !important;
}

body.page-user #user_login_form .form-item-pass label.error, body.page-user-login #user_login_form .form-item-pass label.error {
    margin-left: 0px !important;
    margin-bottom: 20px;
}

body.page-user #user_login_form .login-password, body.page-user-login #user_login_form .login-password {
    position: relative;
    top: 5px !important;
    left: 20px;
    display: block;
    height: 0;
    color: #1593D5;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal !important;
    font-size: 14px !important;
    text-decoration: none;
}

label.error {
    display: block !important;
    height: 0 !important;
    color: #c52033 !important;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
    font-size: 12px !important;
    font-variant: normal !important;
    line-height: 21px !important;
}

body.page-user #user_login_form .form-item input, body.page-user-login #user_login_form .form-item input {
    height: 45px;
    padding: 10px;
    font-size: 1.3em;
    border-radius: 4px;
    border-width: 1px;
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    border: 1px solid #a4b0be!important;
}

div.error, .error {
    color: #c52033 !important;
}

body.page-user #user_register_form select, body.page-user-login #user_register_form select {
    padding: 10px 5px;
    font-size: 1.1em;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    background: none;
    max-width: 46%;
    -moz-appearance: toolbar;
    border-radius: 4px!important;
    height: 45px;
    border: 1px solid #a4b0be!important;
}

body.page-user #user_register_form input, body.page-user-login #user_register_form input {
    width: 100%;
    display: inline-block;
    height: 45px!important;
    padding: 10px!important;
    font-size: 1.3em!important;
    border-radius: 4px!important;
    border-width: none!important;
    border-color: none!important;
    border: 1px solid #a4b0be!important;
}

#user_register_form, #user_login_form, ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #2f3542!important;
  font-family: "Fira Sans", sans-serif;
    font-weight: 300;
    font-style: normal!important;
    font-size: 16px;
}
#user_register_form, #user_login_form, ::-moz-placeholder { /* Firefox 19+ */
 color: #2f3542!important;
  font-family: "Fira Sans", sans-serif;
    font-weight: 300;
    font-style: normal!important;
    font-size: 16px;
}
#user_register_form, #user_login_form,  :-ms-input-placeholder { /* IE 10+ */
  color: #2f3542!important;
  font-family: "Fira Sans", sans-serif;
    font-weight: 300;
    font-style: normal!important;
    font-size: 16px;
}
#user_register_form, #user_login_form, :-moz-placeholder { /* Firefox 18- */
  color: #2f3542!important;
  font-family: "Fira Sans", sans-serif;
    font-weight: 300;
    font-style: normal!important;
    font-size: 16px;
}

body.page-user #user_login_form .form-actions .form-submit:hover {
    background-color: #1073c7!important;
    border: 1px solid #1073c7 !important;
    -moz-transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
    -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
    -o-transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
    transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
}

body.page-user #user_register_form .form-actions .form-submit:hover {
    background-color: #1073c7!important;
    border: 1px solid #1073c7 !important;
   -moz-transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
    -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
    -o-transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
    transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
}









#commerce-checkout-form-checkout .rosenpublishing_order_overview #order_overview_checkout_pane .meta-td .title {font-weight: 500 !important;}


/*
########  ########  ######            ##    #######    #####     #####   ########  ##     ## 
##     ## ##       ##    ##         ####   ##     ##  ##   ##   ##   ##  ##     ##  ##   ##  
##     ## ##       ##                 ##          ## ##     ## ##     ## ##     ##   ## ##   
########  ######    ######            ##    #######  ##     ## ##     ## ########     ###    
##   ##   ##             ##           ##   ##        ##     ## ##     ## ##          ## ##   
##    ##  ##       ##    ## ###       ##   ##         ##   ##   ##   ##  ##         ##   ##  
##     ## ########  ######  ###     ###### #########   #####     #####   ##        ##     ## */

div.margin-top-10 .container .region.region-footer #block-menu-menu-footer-navigation .block-content>ul.menu>li>ul.menu li>ul.menu li {
	margin-top: 10px;
	width: 100%;
}

div.margin-top-10 .container .region.region-footer #subscription_data input[type=submit] {
	border-radius: 3px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/*X-Large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {
	
	#main.searchbar_left .container {
    width: 1200px;
}

div.margin-top-10 .container .region.region-footer #block-menu-menu-footer-navigation .block-content>ul.menu>li>ul.menu li>ul.menu li {
	margin-top: 10px;
	width: 100%;
}

.region.region-header #block-menu-menu-top-menu {
	font-size: 12px;
    background-color: #0060C2;
}

.search-wrapper {
	width: 487px;
	margin: 0 auto 30px 65px;
}

#page {
	min-height: 100%;
	margin: 0 auto;
	width: 1200px;
	padding-left: 20px;
	padding-right: 19px;
}

.search-wrapper input[type=text] {
	width: 415px;
	height: 56px;
	padding: 10px 10px;
	float: left;
	font-family: "Fira Sans",sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 18px;
	border-bottom: 1px solid #d8dadc;
	border-left: 1px solid #d8dadc;
	border-top: 1px solid #d8dadc;
	border-right: none;
	background-color: #fff;
	border-radius: 3px 0 0 3px;
	color: #0066a4;
}

body #main div.container {
	width: 1200px;
}

div.margin-top-10 .container {
	width: 1200px;
}

.subfooter .container {
	width: 1200px;
}

.imagebox {
	height: 250px;
	width: 100%;
}

.product-teaser img.product-image {
	height: 250px;
}

.product-teaser .series-books-covers {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.product-teaser .series-books-covers img.bk-cover2 {
	position: absolute;
	width: 165px;
	z-index: 500;
	max-height: 225px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
/* Safari & Chrome */
	-moz-transform: translate(-50%, -50%);
 /* Firefox */
	-ms-transform: translate(-50%, -50%);
 /* Internet Explorer */
	-o-transform: translate(-50%, -50%);
 /* Opera */;
}

.product-teaser .series-books-covers img.bk-cover1 {
	position: absolute;
	width: 125px;
	z-index: 400;
	height: auto;
	max-height: 200px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
/* Safari & Chrome */
	-moz-transform: translateY(-50%);
 /* Firefox */
	-ms-transform: translateY(-50%);
 /* Internet Explorer */
	-o-transform: translateY(-50%);
 /* Opera */;
}

.product-teaser .series-books-covers img.bk-cover3 {
	position: absolute;
	width: 125px;
	z-index: 300;
	height: auto;
	max-height: 200px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
/* Safari & Chrome */
	-moz-transform: translateY(-50%);
 /* Firefox */
	-ms-transform: translateY(-50%);
 /* Internet Explorer */
	-o-transform: translateY(-50%);
 /* Opera */;
}

body.node-type-product #content .region-content article .series-covers {
	height: auto!important;
    display: inline-block;
}

div.view-cavendishsq-display-products .search-results-title {
	font-size: 24px;
}

.row .col-md-12.blog-image img {
	height: auto!important;
}

div.margin-top-10 .container .region.region-footer #subscription_data form[id^=webform-client-form] div[id^=edit-actions] {
	position: relative;
	float: right;
	width: 85px;
}

div.margin-top-10 .container .region.region-footer #subscription_data input[type=submit] {
	position: relative;
	border-radius: 3px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

div.margin-top-10 .container .region.region-footer #subscription_data input {
	width: 94%;
}
    
}


.no-right-divider {border-right:none!important;}
.m-bottom {margin-bottom: 3em; margin-top: 2em;}

.grid-container {
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  height: 50px;
  width:100%;
  align-items: center;
  min-width:350px;
  padding-left: 10%;
  padding-right: 10%;
}

.grid-item {
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border-right: 1px solid #A7A7A7;
  text-align: center;
  height: 90%;
  max-height: 50px;
}

.grid-item img {
  text-align: center;
  width: auto;
  height: 85%;
}


.gh-height img {margin-top: -10px; height:45px;
 width: auto;
  height: 100%;}

@media (max-width:500px)  { 
/* smartphones, iPhone, portrait 480x320 phones */ 
  .no-right-divider-mobile {border-right:none!important;}
  
  .grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  height: auto;
  width:100%;
}
  .grid-item {margin-top:10px;
   padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;}
 .grid-item img {
  text-align: center;
   width: auto;
   height:60%;
}
  
}




@media (min-width: 768px) {
  .region-sub-header {
    flex-direction: row;
    justify-content: space-between;
  }

  .block {
    width: auto;
    margin-bottom: 0;
  }

}


@media (max-width: 767px) {

#sub_header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.region-sub-header {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}

.block {
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
}

#block-nodeblock-toplogo, #block-nodeblock-head-info, #block-views-shopping-cart-block {
  max-width: 300px;
}

  #page {
    min-height: 100%;
    margin: 0 auto;
    width: 100%;
  }
#block-menu-menu-top-menu {display:none;}
.search-wrapper input[type=text] {width:228px;}
.search-wrapper .search-submit {float:left;}
.region.region-sub-header #block-nodeblock-head-info {
    margin: 0;}
body .view-id-rosen_view_list .mylist-info-pane, body .view-id-rosen_view_list .manage-list-pane {display: none;}
body .view-id-rosen_view_list .mylist-checkout-pane {
    width: 62%;
    float: right;
    padding: 1em 0;
    text-align: right;
}

body .view-id-rosen_view_list table.mylist-table td.cover-image-td {
    width: 100px;
    height: auto;
    display: inline-block;
    margin: .5em;
    padding: 0;
}

}



@media (max-width: 767px) {
  .mylist-table {
    width: 100% !important;
    border-collapse: collapse !important;
  }

  .mylist-table thead,
  .mylist-table tbody,
  .mylist-table th,
  .mylist-table td,
  .mylist-table tr {
    display: block !important;
  }

  .mylist-table tr {
    margin-bottom: 15px !important;
    border-bottom: 1px solid #ddd !important;
  }

  .mylist-table th {
    display: none !important; /* Hide all headers */
    text-align: left !important;
    padding: 8px !important;
    background-color: #f4f4f4 !important;
  }

  .mylist-table td {
    padding: 8px !important;
    text-align: left !important;
    border-bottom: 1px solid #ddd !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .mylist-table td:before {
    content: attr(data-label) !important;
    flex: 1 !important;
    font-weight: bold !important;
    text-align: left !important;
    padding-right: 10px !important;
  }

  .mylist-table td.meta-td,
  .mylist-table td.cover-image-td,
  .mylist-table td.isbn-td,
  .mylist-table td.list-price-td,
  .mylist-table td.sl-price-td,
  .mylist-table td.qty-td,
  .mylist-table td.total-td {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .mylist-table .total td {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .mylist-table .total td .discount-code {
    margin-bottom: 10px !important;
    width: 100% !important;
  }

  .mylist-table .total td .discount-code input {
    width: calc(100% - 20px) !important;
    margin-right: 10px !important;
  }

  .mylist-table .total td .amount-label,
  .mylist-table .total td .amount {
    width: 100% !important;
    text-align: right !important;
  }

  .mylist-table .total td .total-amount-label,
  .mylist-table .total td .total-amount {
    font-weight: bold !important;
  }

  /* Display ISBN, List Price, S&L Price, Qty, and Total in one row */
  .mylist-table tr {
    display: flex !important;
    flex-direction: column !important;
  }

  .isbn-td, 
  .list-price-td, 
  .sl-price-td, 
  .qty-td, 
  .total-td {
    display: inline-flex !important;
    flex: 1 !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 8px 0 !important;
    width: 100% !important;
    margin-bottom: 8px !important;
  }

  .mylist-table td.cover-image-td, 
  .mylist-table td.meta-td {
    margin-bottom: 15px !important;
  }

  .isbn-td div,
  .list-price-td div,
  .sl-price-td div,
  .qty-td div,
  .total-td div {
    flex: 1 !important;
    text-align: center !important;
  }

  .isbn-td div:first-child,
  .list-price-td div:first-child,
  .sl-price-td div:first-child,
  .qty-td div:first-child,
  .total-td div:first-child {
    flex: 2 !important;
    text-align: left !important;
  }
}



@media (max-width: 767px) {
  #content.column {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 10px !important;
  }

  .region-content {
    width: 100% !important;
  }

  form {
    width: 100% !important;
    max-width: 400px !important; /* Adjust the max-width as needed */
    margin-bottom: 20px !important;
  }

  #user_login_form, 
  #user_register_form, 
  #guest_checkout {
    width: 100% !important;
  }

  #header-for-box h1,
  #header-for-box h2 {
    text-align: center !important;
    width: 100% !important;
  }

  .form-item {
    width: 100% !important;
    margin-bottom: 15px !important;
  }

  .form-item label {
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 5px !important;
  }

  .form-text,
  .form-select,
  .form-submit {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .form-actions {
    width: 100% !important;
    text-align: center !important;
  }

  .login-password {
    display: block !important;
    text-align: right !important;
    width: 100% !important;
    margin-top: 10px !important;
	left: -25px !important;
  }

  #guest_checkout .as-guest-body {
    text-align: center !important;
    margin-top: 15px !important;
  }

  #guest_checkout .as-guest-body a {
    display: inline-block !important;
    width: 100% !important;
    padding: 10px 0 !important;
    text-align: center !important;
    background-color: #007bff !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 5px !important;
  }
body.page-user #user_register_form #edit-account, body.page-user-login #user_register_form #edit-account {
    overflow: hidden;
    clear: left;
    height: auto !important;
}

#edit-confirm-mail, #edit-pass-pass2 {margin-left: 20px !important; width: 329px !important;}

#edit-field-group-und {max-width: 60% !important;}

}



@media (max-width: 767px) {
  #content.column {
    padding: 10px !important;
  }

  .region-content,
  .block-content,
  #commerce-checkout-form-checkout {
    width: 100% !important;
  }

  #checkout-status-line {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-bottom: 20px !important;
  }

  #checkout-status-line span {
    display: block !important;
    margin-bottom: 10px !important;
    width: 100% !important;
  }

  .header_bil_and_ship {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-bottom: 20px !important;
  }

  .header_bil_and_ship .header h1,
  .header_bil_and_ship .ship_info {
    width: 100% !important;
    text-align: left !important;
  }

  fieldset {
    width: 100% !important;
    margin-bottom: 20px !important;
  }

  fieldset legend {
    font-size: 1.2em !important;
    margin-bottom: 10px !important;
  }

  .form-wrapper {
    width: 100% !important;
  }

  .form-item {
    width: 100% !important;
    margin-bottom: 15px !important;
  }

  .form-item label {
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 5px !important;
  }

  .form-text,
  .form-select,
  .form-radio,
  .form-submit {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .addressfield-container-inline,
  .street-block,
  .locality-block {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 15px !important;
  }

  .mylist-table {
    width: 100% !important;
    border-collapse: collapse !important;
  }

  .mylist-table tr {
    display: block !important;
    margin-bottom: 15px !important;
    border-bottom: 1px solid #ddd !important;
  }

  .mylist-table td {
    padding: 8px 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
  }

  .mylist-table .meta-td {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
  }

  .mylist-table .qty-td,
  .mylist-table .total-td {
    text-align: right !important;
  }

  .mylist-table .total {
    display: flex !important;
    justify-content: space-between !important;
  }

  .checkout-buttons .fieldset-wrapper {
    display: flex !important;
    flex-direction: column !important;
  }

  .checkout-buttons .fieldset-wrapper .form-submit {
    margin-bottom: 10px !important;
  }

  .button-operator {
    display: none !important;
  }

.header_bil_and_ship {
    text-align: left;
    margin: 20px 0 0 0;
    width: 100%;
    border-right: none;
}

body.page-checkout #commerce-checkout-form-checkout .rosen_shipping_information {
    border-right: 1px solid #d8dadc;
    min-height: 300px !important;
    top: 0;
    bottom: 0;
}

}

@media (max-width: 767px) {
  #content.column {
    padding: 10px !important;
  }

  .region-content,
  .block-content,
  #commerce-checkout-form-checkout {
    width: 100% !important;
  }

  #checkout-status-line {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-bottom: 20px !important;
  }

  #checkout-status-line span {
    display: block !important;
    margin-bottom: 10px !important;
    width: 100% !important;
  }

  .header_bil_and_ship {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-bottom: 20px !important;
  }

  .header_bil_and_ship .header h1,
  .header_bil_and_ship .ship_info {
    width: 100% !important;
    text-align: left !important;
  }

  .customer_profile_billing,
  .rosen_shipping_information,
  .rosenpublishing_order_overview,
  .rosenpublishing_library_processing_select,
  .checkout-buttons {
    width: 100% !important;
    margin-bottom: 20px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
  }

  .customer_profile_billing h2,
  .rosen_shipping_information h2,
  .rosenpublishing_order_overview legend,
  .rosenpublishing_library_processing_select legend {
    font-size: 1.2em !important;
    margin-bottom: 10px !important;
  }

  .form-item,
  .form-radios {
    width: 100% !important;
    margin-bottom: 15px !important;
  }

  .form-item label {
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 5px !important;
  }

  .form-text,
  .form-select,
  .form-radio,
  .form-checkbox,
  .form-submit {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .mylist-table {
    width: 100% !important;
    border-collapse: collapse !important;
  }

  .mylist-table tr {
    display: block !important;
    margin-bottom: 15px !important;
    border-bottom: 1px solid #ddd !important;
  }

  .mylist-table td {
    padding: 8px 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
  }

  .mylist-table .meta-td {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
  }

  .mylist-table .qty-td,
  .mylist-table .total-td {
    text-align: right !important;
  }

  .mylist-table .total {
    display: flex !important;
    justify-content: space-between !important;
  }

  .checkout-buttons .fieldset-wrapper {
    display: flex !important;
    flex-direction: column !important;
  }

  .checkout-buttons .fieldset-wrapper .form-submit {
    margin-bottom: 10px !important;
  }

  .button-operator {
    display: none !important;
  }

  .default-address-info {
    display: block !important;
    margin-bottom: 5px !important;
  }

  .update-address,
  .update-shipping-address {
    display: block !important;
    margin-top: 10px !important;
    text-align: left !important;
    color: #007bff !important;
    cursor: pointer !important;
  }

body.page-checkout #commerce-checkout-form-checkout #customer-profile-billing-ajax-wrapper-custom, body.page-checkout #commerce-checkout-form-checkout #rosen-shipping-information-ajax-wrapper-custom {width: 100% !important;}

.page-checkout #commerce-shipping-service-ajax-wrapper {margin: 0px 15px !important;}

#commerce-checkout-form-review #edit-rosen-payments-backorders {
    margin-bottom: 3em;
    margin-top: 10px; 
    left: -15px !important;
}

#commerce-checkout-form-review .form-item-rosen-payments-backorders-comment {margin: 0 !important;}

#commerce-checkout-form-review #edit-commerce-payment, #commerce-checkout-form-review #edit-rosen-payments-backorders {border-right: none !important; } 

.page-checkout #edit-checkout-completion-message .checkout-completion-message {width: 100% !important; }

body.page-user.logged-in:not(.page-user-login) #main #content .region-content {
    border-left: none !important;
    background-color: #fff;
    width: 100% !important;
    display: inline-block;
    margin: 0 !important;
    padding: 2em 2em 7em 2em;
    vertical-align: top;
    min-height: 387px;
    overflow: hidden;
}

body.page-user-orders #main #content table tbody tr {
    width: 100% !important;
    background: none;
    border-bottom: 1px solid #ccd1d9;
}

.form-item, .form-actions {margin-top: 10px !important; margin-bottom: 10px !important;}

}


@media (max-width: 767px) {
  #edit-rosen-payments-backorders .form-radios,
  #edit-rosen-payments-backorders-cancel-type .form-radios,
  #edit-rosen-payments-backorders-bill-back .form-radios {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  #edit-rosen-payments-backorders .form-item,
  #edit-rosen-payments-backorders-cancel-type .form-item,
  #edit-rosen-payments-backorders-bill-back .form-item {
    display: inline-flex !important;
    align-items: center !important;
    margin-bottom: 5px !important;
    width: auto !important;
    flex: 1 1 48% !important; /* Adjust the width as needed */
    box-sizing: border-box !important;
  }

  #edit-rosen-payments-backorders .form-item label,
  #edit-rosen-payments-backorders-cancel-type .form-item label,
  #edit-rosen-payments-backorders-bill-back .form-item label {
    margin-left: 5px !important;
  }

  .container-inline-date {
    margin-top: 10px !important;
  }

  .date-padding {
    margin-top: 5px !important;
  }

#commerce-checkout-form-review .ship_info_review2_without_border {border-right: none !important;}
body.page-user form#user-register-form, body.page-user-login form#user-register-form {border-left: none !important;}

body.page-checkout #commerce-checkout-form-checkout .customer_profile_billing .form-item .form-text, body.page-checkout #commerce-checkout-form-checkout .customer_profile_billing .form-item .form-select, body.page-checkout #commerce-checkout-form-checkout .customer_profile_billing .form-item .default-address-info, body.page-checkout #commerce-checkout-form-checkout .customer_profile_shipping .form-item .form-text, body.page-checkout #commerce-checkout-form-checkout .customer_profile_shipping .form-item .form-select, body.page-checkout #commerce-checkout-form-checkout .customer_profile_shipping .form-item .default-address-info, body.page-checkout #commerce-checkout-form-checkout .rosen_shipping_information .form-item .form-text, body.page-checkout #commerce-checkout-form-checkout .rosen_shipping_information .form-item .form-select, body.page-checkout #commerce-checkout-form-checkout .rosen_shipping_information .form-item .default-address-info {margin-right: 0 !important;}

body.not-logged-in.page-checkout #commerce-checkout-form-checkout #edit-account {
    border: none;
    border-right: none !important;
}

.product-teaser .series-books-covers {
    width: 100% !important;
    height: 150px;
    margin: 0 auto;
}

.list-price-label, .sl-price-label {font-size: 8px !important;}

div.view-cavendishsq-display-products .pager-top .item-list .pager, div.view-cavendishsq-display-products .pager-bottom .item-list .pager {width: 150px !important;}


ul.all-products li {width: 48% !important;}
.product-teaser .product-teaser-price .sl-price-value {font-size: 20px !important;}

body #main.searchbar_left #left_column {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: none !important;
}

.region.region-menu #block-menu-menu-menu-sections .block-content>ul.menu>li {padding: 0 5px !important;}

.webform-component-email, #webform-client-form-88623 {display: none !important;}

}