.payment-wrapper { padding: 30px; text-align: center; overflow-x:auto; }
.payment-body{ max-width:9000px !important; }

.inside-right.mobile { display:none; }

.highlighted-content.mobile,
.box.mobile {display: none;}

@media (max-width: 979px){

	#wrapper-header{
		width: 100%;
	}

	#wrapper-menu{
		  width: 100%;
		  height: auto;
	}
	#menu {
		  width: 100%;
	}

	.dropdowns {
	    width: 100%;
	}

	.dropdowns .dropdown {
	    width: 100%;
	}

#wrapper-body {
	  width: 100%;
    position: static;
}

.content-wrapper {
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}

.content-wrapper .inside-body {
  width: 100%;
  position: relative;
  padding-right: 230px;
  box-sizing: border-box;
}

.slider, .inside-body.center-right .slider{
	width: 100%;
}

#wrapper-body .left-side {
  width: 100%;
  position: relative;
  padding-right: 230px;
  box-sizing: border-box;	
}

.content-wrapper .inside-right {
	position: absolute;
  right: 10px;
}

#wrapper-body .right-side{
	position: absolute;
  right: 10px;	
}

#footer{
	width: 100%;
}

#footer .quick-links {
  width: 100%;
  float: none;
  box-sizing: border-box;
}

#footer .nav{
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	#footer .nav ul li{
		display: inline;
		margin: 0 10px;
	}

	.content-wrapper .inside-left{
		display: none;
	}

  .box.book-finder .adv-search .right {
    float:none;
    margin-left:12px;
  }
  
}




/* Portrait mobile */

@media (max-width: 769px){

/* modifications */

	#wrapper-header{
		width: 100%;
	}

	#header .basket {
	  width: 30%;
    top: 40px;
	}

	#header .login {
		display: none;
		position: fixed;
		background: #fff;
		border: 1px solid #ccc;
		height: auto;
		width: auto;
		margin: 10px;
		z-index: 1000;
		left: 0;
		padding-bottom: 35px;
		top: 25px;
	}
	#header .login.hasloggedin {
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  border: none;
  background: none;
  left: auto;	
}
	#header .login.show {
		display: block;
	}

	#header .logo-image{
		background-size: 100% 100%;
		width: 100px;
		height: 50px;
	}

	#header .login .row label {
		float: none;
		width: auto;
		display: block;
		font-size: 16px;
	}
	#header .login .row .input-wrapper{
		float: none;
		width: auto;
		border: none;
		height: auto;
	}
	#header .login .row .input-wrapper input{
		width: 100%;
		border: 1px solid #333;
	}
	#header .login .row{
		float: none;
		height: auto;
		margin-bottom: 10px;
	}
	#header .login .submit-wrapper {
		float: none;
		text-align: center;
		margin-top: 15px;
	}
	#header .login .row .input-wrapper .links{
		position: absolute;
		width: 100%;
		bottom: 5px;
	}
	#wrapper-menu{
		height: auto;
	}
	#menu {
		width: 100%;
		display: none;
	}
	#menu > ul {
		display: block;
		height: auto;
	}
	#menu.show {
		display: block;
	}
	#menu > ul > li{
		display: block;
		padding: 10px;
		height: auto;
		text-align: left;
	}
	#menu > ul > li> a{
		display: block;
	}
	#menu > ul > li a br{
		width: 3px;
		display: inline-block;
		content: ' ';
	}
.payment-wrapper { padding: 10px; }
.payment-body { width:auto !important; }
.highlighted-content.desktop {display: none;}
.highlighted-content.mobile {display: block;}
.box.desktop {display: none;}
.box.mobile {display: block;}

	.dropdowns {
		display: none;
	}
	
	#wrapper-body {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
    word-wrap: break-word;
	}
	#wrapper-body .left-side{
		width: 100%;
	}
	#wrapper-body .right-side{
		width: 100%;
	}

	#wrapper-footer{
		padding: 0 10px;
		box-sizing: border-box;
	}

	#footer {
		width: 100%;
	}
	#footer .quick-links{
		width: 100%;
		box-sizing: border-box;
		float: none;
	}
	#footer .nav{
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	#footer .nav ul li{
		display: inline;
		margin: 0 10px;
	}
	.slider, .inside-body.center-right .slider{
		width: 100%;
	}

	.cookie-message {
	  bottom: 0px;
	  right: 0px;
	  width: 100%;
	  box-sizing: border-box;
	  height: 140px;
	  overflow: auto;
	}

	.content-wrapper .inside-body a.box  {
		text-decoration: none;
	}


.content-wrapper .inside-right {
	position: static;
	margin-top: 15px;
  right: auto;
}
.inside-right.mobile { display:block; }

#wrapper-body .right-side{
	position: static;
  right: auto;	
}

/*  my gsl fixes */

.radio-button-list td label { width:auto; }
.filter-results { width: auto; padding-top:28px; }
.filter-results select { width: 100%; padding-top:-46px; }

.left-part-block , 
.right-part-block  { float: none; width: auto; }

.left-part-block .bottom-shadow-block, 
.right-part-block .bottom-shadow-block,
.bottom-shadow-block.big { background: none; }

	/* styles for all pages */

	.content-wrapper .inside-left{
		float: none;
		width: auto;
		margin-right: 0;
	}

	.content-wrapper .inside-right{
		float: none;
		width: auto;
    clear: both;
	}

	.content-wrapper .inside-body{
		float: none;
		width: auto;
	}

	.content-wrapper .inside-body.center-right{
		float: none;
		width: auto;
	}
	.tabs-boxes{
		width: auto!important;
	}
	.box-articles .tabs-boxes{
		width: auto;
	}
	/* double of mobile dropdown */
	.my-services-block.highlighted-content{
		/*display: none;*/
	}

	.my-services-block > ul.services-menu > li > a {
		background-position: right;
  		width: auto;
	}
  
  .my-services-block > ul.services-menu > li > ul > li > ul { position: relative; left:18px; display: block; border: none; width: 70%; }
  .my-services-block > ul.services-menu > li > ul > li > ul li { border-bottom:none !important; }
  
	.book-finder.fd-search-box .slide-block {
		margin-top: 10px;
	}

	.box.book-finder .adv-search-static .left {
		margin: 0!important;
		width: 100%;
		float: none;
	}

	.inside-body img{
		max-width: 100%;
  		height: auto!important;
      box-sizing: border-box;
	}

	.cv-search .column-50 {
	  float: none;
	  width: 100%;
	}

	.cv-search .column-50 select {
	  margin: 10px 0;
	  vertical-align: top;
	  width: 100%;
	}

	.job-finder .wide .left, .job-finder .wide .right{
		padding-left: 20px;
		width: 100%;
		float: none;
		margin-top: 0;
		margin-bottom: 0;
	}
  
  .job-finder label { clear:left; }
  
  .cv-search-results { width:auto; }
  
  .inside-body .top-left,
  .inside-body .top-right { width: auto; }
  
  .images-gallery a { height: auto; }

	.form-article-search .left , .form-article-search .right {
		width: 100%;
		float: none;
	}

	/* homepage spcific styles */

	.news-line {
		width: auto;
		float: none;
	}

	.feature-content {
		display: none;
	}

	.get-involved , .get-involved-wrapper {
		width: auto;
		float: none;
	}
  .get-involved .box-involved .social span { display:inline-block; width:160px; margin-right:12px; background-position: right 8px; }

	.box-bookshop .tabs-boxes {
		width: auto;
		margin-bottom: 15px;
	}

	.box-bookshop {
		background-position: top right;
	}

	/* events specific styles */

	.inside-body .slider {
		width: 100%;
	}
  .inside-body .slider .slide {
		width: 100% !important;
	}
  .slider.long .slide img{ width:100%; height: auto; }
  .slider.long .slide .slide-body { background: rgba(51,51,51, 1); top:auto; right:0; width:auto; padding: 25px 32px 50px 18px; } 
  .slider.long .slide .slide-body h3 { font-size: 24px; line-height:26px; }
  .slider.long .slide .slide-body .jumpto { right:6px; bottom:28px }
  .inside-body .pager {top: 26px;}

	.events .content-wrapper .inside-body{
		width: 100%;
		float: none;
	}

	.events .inside-left {
		display: none;
	}

	.events .inside-right {
		display: none;
	}

	.box.mobile {
		display: block !important;
	}

	.events .content-wrapper .inside-right{
		width: 100%;
		float: none;
	}

	/* event details */

	.event-details .event-data {
		width: 100%;
	}

	/* event register */


	.form-event-member .member {
		padding: 0;
	}

	.form-event-member .form-section.heard .column {
		width: auto;
		float: none;
	}

	.form-event-member .submit-wrapper .box {
		float: none;
		width: 100%;
	}

	.form-event-member .form-section .input-wrapper label:first-child {
		float: none;
		display: block;
	}

	.form-event-member .form-section .input-wrapper input[type="text"]{

	}

	.form-event-member .form-section.attendee-section .right{
		width: auto;
	}

	/* checkout */

	.check-buttons {
		width: 100%;
	}

	.basket-table .book-one .interested-img {
		float: none;
	}

	.basket-table .book-one .left {
		float: none;
		width: auto;
		margin-left: 0;
	}

	.basket-table tr th{
		padding-left:5px;
		padding-right: 5px;
	}

	.basket-table-bottom .total-price{
		float: none;
		margin: 10px 0;
		padding: 0;
	}

	.basket-table-bottom .empty-basket {
		float: none;
  		display: inline-block;
	}

	.check-buttons a.back-shopping  , 
	.check-buttons a.back-basket  , 
	.check-buttons a.step3-bookshop  , 
	.check-buttons a.step4-bookshop  , 
	.check-buttons a.step2-bookshop  , 
	.check-buttons a.to-checkout,
  .check-buttons .back-step1-bookshop
	{
		margin: 10px auto;
		float: none;
	}

	.bottom-shadow-block.big .left {
		width: auto;
	  float: none;
	  margin: 10px;
	}

	.bottom-shadow-block.big .right{
		width: auto;
	  float: none;
	  margin: 10px;
	}

	.bottom-shadow-block.big {
		margin-bottom: 0;
		padding-bottom: 0;
	}
  
  .basket-top-block .mobile-anchor-links {display:block;}
  .basket-top-block .mobile-anchor-links a {display:block; margin-top:-21px; text-decoration:underline;}
  .basket-top-block .mobile-anchor-links .login-block-link {float:left; color:#5eae8f;}
  .basket-top-block .mobile-anchor-links .new-customer-block-link  {float:right; color:#2bb8c9;}
  
	ul.steps {
		float: none;
	}
  
	ul.steps{
		float: none;
	}

	ul.steps li {
		padding: 0 19px 0 5px;
	}

	ul.steps li span.step-text {
		display: none;
	}

	ul.steps li.selected span.step-text {
		display: inline;
	}

	.address-form {
		margin: 10px 0;
	}

	.address-form .line label {
		float: none;
		display: block;
	}

	.address-form .line .field{
		float: none;
		width: 90%;
	}

	.address-form .line .field.big{
		width: 90%;
	}
	.address-form .line .field.small{
		width: 90%;
	}
	.address-form .line select.field.small{
		width: 90%;
	}

	.content-wrapper .inside-body.checkout{
		width: 100%;
	}

	.central-block{
		width: 100%;
		  text-align: center;
	}
	.reference-number{
		height: auto;
	}
	.reference-number strong{
		float: none;
		display: block;
	}

	#content_0_body_0_placePaperFree{
		width: 100%;
	}

	.bookshop-contacts .one{
		float: none;
		width: 100%;
	}


	.content-wrapper .inside-body  , #wrapper-body .left-side {
		padding-right: 0;
		box-sizing: border-box;
	}
  
  .box-bookshop.book-finder .tabs-boxes .tabs-box input,
  .box-bookshop.book-finder .tabs-boxes .tabs-box .field,
  .box.book-finder .adv-search label, .box.book-finder .adv-search-static label ,
  .box.book-finder .adv-search .field,
  .box.book-finder .adv-search-static .field ,
  .box.book-finder .adv-search .left,
  .box.book-finder .adv-search .right,
  .book-one .left,
  .book-one .right { float: none; display: block; width:auto; max-width:100%; }
  
  .green-top-block.interested .slider,
  .slider .slide, .inside-body.center-right .slider .slide { width:/*auto*/ 100% !important; height:300px !important; }
  .green-top-block .interested-one {width:30%}
  .green-top-block .interested-one .interested-text {width:auto; margin-left:0;}
  .green-top-block.interested .slider { width:/*auto*/ 68% !important;}
  
  .inside-body.center-right .slider-wide-wrapper,
  .inside-body.center-right .slider.wide,
  .center-right .interested .slider-articles  { width:auto; }

  .basket-table .book-one.add-basket { text-align: center; }
  .basket-table .book-one.add-basket > * { display:inline-block; margin-bottom:8px; float:none !important; }
  .basket-table .delete-one { margin-left:12px; }
  .basket-table .price { white-space:nowrap; }

/* new elements */
	.menu-opener {
		display: block;
		width: auto;
		height: 25px;
		background-color: #333;
		color: #fff;
		text-transform: uppercase;
		line-height: 25px;
		box-sizing: border-box;
		padding: 0 10px;
		text-decoration: none !important;
	}
	.menu-opener .open{
		display: block;
    padding-left: 24px;
    background: url(images/menu-ico.png) left center no-repeat;
	}
	.menu-opener .close{
		display: none;
	}
	.menu-opener .close i{
		font-size: 34px;
		vertical-align: middle;
	}
	.menu-opener.open .open{
		display: none;
	}
	.menu-opener.open .close{
		display: block;
	}

	#wrapper-menu .menu-opener{
		display: block;
	}
	#secondary-menu{
		margin-top: 20px;
		display: block !important;
	}
	#secondary-menu .menu-opener{
		display: block;
	}


	#secondary-menu ul li.selected ul.mobile{display: block; list-style: none; margin: 0; padding: 0 0 0 0; }
	#secondary-menu ul li.selected ul.mobile li{margin: 12px 0; }
	#secondary-menu ul li.selected ul.mobile li a{display: block; }
	#secondary-menu > ul > li.education.selected ul.mobile.show li a,
	#secondary-menu > ul > li.media.selected ul.mobile.show li a,
	#secondary-menu > ul > li.geoscientist.selected ul.mobile.show li a {color: #fff;}
	#secondary-menu ul{
		/*display: none;*/
		list-style-type: none;
		padding: 0;
	}
	#secondary-menu ul li {
		border-bottom: 1px solid #ccc;
	}
	#secondary-menu ul li a{
		display: block;
		padding: 10px 13px;
    background-position: right center !important;
	}

	#secondary-menu .menu.mobile{
		display: none;
	}

	#secondary-menu .menu.mobile.show{
		display: block;
	}

	#secondary-menu ul.show{
		display: block;
	}


	.inside-one {
		float: none;
		width: 100%;
		margin-right: 0;
	}	

	.bottom-shadow-block {
		background: none;
	}


	#menu ul li.selected ul.mobile{display: block; list-style: none; margin: 0; padding: 0 0 0 0; }
	#menu ul li.selected ul.mobile.appended{ border-top:1px solid #000; }
	#menu ul li.selected ul.mobile li{margin: 12px 0; }
	#menu ul li.selected ul.mobile li a{display: block; }
	#menu ul li.selected ul.mobile li ul{display: none;list-style-type: none;padding-left: 15px; }
	#menu ul li.selected ul.mobile li br{display: none;}
	#menu ul li.selected ul.mobile li.show-submenu ul{display: block!important; }
	#menu > ul > li.education.selected ul.mobile.show li a,
	#menu > ul > li.media.selected ul.mobile.show li a,
	#menu > ul > li.geoscientist.selected ul.mobile.show li a {color: #fff;}
#menu .services-menu.mobile.appended ul {display:block  !important;}
	.login-opener{
		position: absolute;
		display: block !important;
		top: 10px;
		right: 10px;
	}

  iframe {max-width:100% !important;}
  
  .basicContentUnitBody img {margin:auto 0 !important;}
  
  table {display:block; overflow-x: auto; width:auto; }
  table.scfRadioButtonList  {display: table;}
  .list-venue .middle {left:110px;}
  
  .latest-5 .latest-5-bubble {right:0; margin-top:-104px;}
  
  .box.book-finder .adv-search .left .q-ico, .box.book-finder .adv-search-static .left .q-ico {margin-right:-22px;}
  
  .book-one .left, .book-one .right { float:none; width:auto; }
  
  .box.shell-banner .shell-banner-titles,
  .box.shell-banner .shell-banner-links { width: auto; }
  .box.shell-banner .shell-banner-image { position: relative; top:0; right:0; }
  
  /* share-block */
  .share-block { position: absolute; top: 131px; right: 0; margin-right: 0; background: #fff; padding: 4px 4px 5px 0px; width: 190px; }
  
  /* refine search */
  .box.search-box.event-finder.desktop.mobile { display: none !important; }
  .box.search-box.event-finder.desktop { display: block !important; }
}

/* portrait mobile small */
@media (max-width: 420px){
.content-wrapper { margin-left: 0 !important; margin-right: 0 !important; }
.payment-wrapper { padding: 6px; }
.edit-form .left,
.edit-form .right { float: none; width: auto; clear: both; }
.edit-form .q-ico { margin-top: -32px; }
.edit-form .field, .edit-form select.field{ margin-left:0; width:100%; box-sizing:border-box; }
.journal-select { margin:12px 0 0; width:100%; box-sizing:border-box; }
.additional-journals-table tr td {padding-top:42px}
.additional-journals-table tr td .journal-name {margin-top:-32px;}

.latest-5-text .latest-5-text-body { width: auto; }

.btn-left,
.btn-right { width: auto; }

.box.book-finder .adv-search .field, 
.box.book-finder .adv-search-static .field { float:none; }

.interested-one .interested-text { width:auto; }
.interested-one .interested-img { float:none; margin-left:0; margin-right:0; }

#hints-wrapper { right:0; }
#hints-wrapper .small-help { width:auto; left:10px !important; right:16px !important; }

.error-options .email-me-holder { float:none; width:auto; }
.error-options .email-me-holder .email-me { display:block; text-align:center; }

.basket-table-bottom .total-price { width:auto; }
.delivery-method .delivery-method-one textarea { width:auto; }
.check-buttons .back-step1-bookshop { float:none; }

.job-finder .wide { width:230px; }

.form-article-search input[type="text"] { width: auto; }

.green-top-block.interested .slider,
.inside-body.center-right .slider .slide {height: 400px;}
.green-top-block.interested .slider{height:300px !important;}
.green-top-block .interested-one { display:none; width:auto !important; float:none; margin-bottom:12px; text-align:center; }
.green-top-block .interested-one > * { display:inline-block; float:none !important; }
.green-top-block .interested-one:first-child { display:block; }
.green-top-block-h {text-indent:0px; text-align:center; height:auto;}

#header .basket { top: 36px;	}
#header .login.hasloggedin { margin:0; right:4px; }
#header .login.hasloggedin .button{ float:right; }
}

/* hide new elements */
.button.login-opener{display: none ;}
.menu-opener{display: none;}
.box.mobile{display: none;}
#menu ul li ul.mobile{display: none;}
#secondary-menu {display: none;}