html, body {background-color: #F2F2F2}
body {   
    font: 15px/22px Arial, Helvetica, sans-serif;
	 font-size: 87.5%;
    font-family: "Georgia", sans-serif;
    overflow-y: scroll; -webkit-text-size-adjust: none;min-width: 1002px;}
.w1, .w2 { background:none}
.tagline { margin-top:12px; font-size:32px}
#wrapper { background:#fff; width:976px; margin:1em auto}
#header{ background:none ; border-bottom:1px solid #eee;  font: 100% "Lato", serif; display:block; width:auto}
#header:after {
  content: '';
  display: block;
  clear: both;
}
#header .holder {
  overflow: hidden;
  padding: 10px 16px 10px;
}
#header .panel {
  padding: 0 16px;
  overflow: hidden;
}
#header .logo {
    background: url(/images/specific/logo-amt.png) no-repeat;

    height: 68px;
    margin-top: 0;
}

.logo {
  text-indent: -9999px;
  overflow: hidden;
  float: left;
  margin: 18px 30px 0 0;
}
.logo a {
  display: block;
  height: 100%;
}

#login { text-align:right; font-size:12px; text-transform:uppercase; width:auto}
#main { background:#fff; border:0}
#classification { }

#searchbox { background:#f7f7f7; border:0}
#searchbox label { display:none}
#searchbox  #btnSearch { background:#cc0000 ; border:0; border-radius:2px; color:#fff;   font: 100% "Lato", serif; padding:0; line-height:24px; height:auto;float:none;border-bottom:3px solid #990000;}

.button {background:#cc0000 ; border:0; border-radius:2px; color:#fff;   font: 100% "Lato", serif; padding:0; line-height:24px; height:auto;float:none;border-bottom:3px solid #990000; color:#fff !important;  display:inline-block; padding:0 10px}
.button.grey {background:#888 ; border-bottom:3px solid #444; color:#fff !important; }
.button.gold {background:#e2c067 ; border-bottom:3px solid #b49032; color:#000 !important; }


#mobile-results { display:none }


#options ul li a {

    color: #333;
    text-decoration: none;
    background:#e6e6e6;
    display: block;
    font-size: 12px;
    font-weight: bold;
	 font: 100% "Lato", serif;
	 border-bottom:3px solid #999;
	 border-radius:2px;
	 padding:0;

}

#options ul li a span {
    padding: 0;
    background: none;
    padding: 0px 10px 0px 10px;
	line-height:24px	
}


input:not([type="radio"]):not([type="checkbox"]), textarea, select {
    font: 100% "Lato", serif;
    vertical-align: middle;
}

select{ padding:3px}
fieldset select{ padding:1px 2px}
#st { padding:3px; width:200px; margin-right:10px}


.l-footer { height:100%; overflow:auto}

.l-footer {
    padding: 17px 0 0 10px;
    font-family: "Lato", serif;
    background-color: #000;
    color: #fff;
}

.l-row, .l-unit {
    display: block;
    float: none;
    width: 100%;
    padding: 0;
    margin: 0;
}

.l-footer .l-unit {
    float: left;
    width: 20%;
}

.l-footer .l-unit {
    padding-right: 10px;
    margin-bottom: 40px;
}

.l-footer a {
    color: #fff !important;
    font-weight: normal !important;
}


.section-hd, .section-hd--inverted, .boxed--white>.h5 {
    font-size: 16px;
    font-family: "Lato", serif;
    font-weight: normal;
    color: #666;
    text-transform: none;
    border-bottom: 1px dotted #666;
    line-height: 20px;
    padding: 0 0 8px 0;
    clear: left;
}

.section-hd--inverted {
    border-color: #fff;
    color: #fff;
}

.l-header, .l-footer, .l-footer-rights {
    clear: both;
    overflow: hidden;
}
.l-footer-rights {
    font-family: "Georgia", sans-serif;
    padding: 20px 30px;
}

.l-col--fifth {
    margin-right: 30px;
    width: 140px;
    padding: 0 !important;
	    float: left;
}

.l-footer-rights p {
    color: #4A4A4A;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
	   margin-top: 7px;
}

#cookie-info {
    color: #4A4A4A;
    border-top-color: #eee;
    font-family: "Georgia", sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding: 20px 30px;
    border-top: 1px #ccc solid;
}

a:hover, a:focus, a:active {
    color: #cc0000;
    text-decoration: underline;
    outline: none;
}
a:link, a:visited {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.section-hd, .boxed--white>.h5 {
    color: #cc0000;
    border-bottom: solid 1px #000;
}


.data-table { width:100%}
.data-table th { font-weight:bold; text-align:left; border-right:1px solid #ebebeb; padding:2px 8px; border-bottom:1px solid #ccc; font-size:1.1em}
.data-table th.first {padding-left:0px}
.data-table th.last {border-right:0px; border-bottom:1px solid #ccc}
.data-table td { border-right:1px solid #ebebeb; padding:2px 8px}
.data-table td.first {padding-left:0px}
.data-table td.last {border:0px}
.data-table tr:nth-child(odd) {background: #f7f7f7}
.data-table td a, .data-table td a:link, .data-table td a:visited {text-decoration:none; font-weight:normal; color:#000}


.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}
.btn-upload {
    color: #fff;
    background-color: #777;
    border-color: #999;
	border-radius: 1px !important;
    padding: 3px 9px !important;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

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

}

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

}

@media screen and (max-width: 1024px) {
html,body { margin:0; padding:0; min-width:0}
#wrapper {width:auto; margin-top:0em}
#column-left { margin-right:-260px}
#column-left .inner {  margin-right:260px}
#column-right {width:240px; }		
#column-right img { max-width:240px}
#searchoptions-advanced select, #searchoptions-basic select { margin-bottom:8px}
.tagline {  font-size:24px; margin-top: 16px;}
}

@media screen and (max-width: 960px) {
body { min-width:0}

.topic-list dl { float:none; margin-top:0px}
.topic-list dl dd { width:auto !important; padding-right:5px}
#promo .banner { text-align:center; float:none}
#amt-promo { display:none}
#promo { padding:1em}
#promo .banner { margin-left:0; text-align:left}
#promo .banner img { max-width:100%}
#promo .banner iframe { max-width:100%}
#promo .banner iframe img { max-width:100%}
}

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

#home   { display: table; }
#header  { min-height:60px !important; }
#header .holder { padding-top:4px}
#header .logo { background-position: -20px 0 !important; width:70px; height:38px; margin-right:10px; background-size:110px 34px}
.tagline { font-size:18px; margin-top:6px}
#user-button { margin-top:4px}

#notification-button {margin-top:4px; }
#loggedin { margin-top:10px}
#loggedin  span.t { display:none}
#column-leftx { width:99%; float:none; margin-right:0; display: table-header-group; }
#column-rightx {width:99%; float:none; display: table-footer-group;}		
#column-left {padding-bottom:2em}

#column-right img { max-width:180px; float:left; margin:0 20px 10px 0 }
	#searchbox select{ width:47% !important; margin-right:12px !important}
	#st {width:45% !important; margin-right:10px !important} 
	table.responsive { margin-bottom: 0; }

.review-item{ width:48% } 
.review-item:nth-child(3) { clear:both; } 
	
#classification { height:auto}	

#options { height:100%; overflow:auto}
#options ul li { float:none; margin-bottom:10px}
#options ul li a { display:block; text-align:center; }


#brands ul { -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;}

#subjects ul { -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;}

#classification dl { float:left; border-left:1px dotted #ccc; ; padding-left:10px;    -webkit-columns:  2; /* Chrome, Safari, Opera */
    -moz-columns: 2; /* Firefox */
    columns: 2}

#media {float:none; width:100%; clear:both}	
	
.review-short .user-data { float: none;width:auto;}
.review-short .score { float:none; width:auto; border:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; height:100%; overflow:auto}	
.review-short .summary-points { float:none; width:auto; padding:10px 0}

.overall-score .score { float:none; width:auto}
.overall-score .rating { float:none; clear:both; margin:10px auto}
.overall-score .rating-remarks { float:none; clear:both; text-align:center}
.overall-score .rating-remarks a{ float:none}

#messages-navigation { float:none; width:100%; margin-bottom:0.5em}	
#messages-list, #message { float:none; width:100%}

}

@media screen and (max-width: 640px) {
/* 220x68 */
	table.sort-table { display:none}
	#mobile-results { display:block}
	#mobile-results li { padding:4px}
	#mobile-results li h3 {    font-family: "Lato", serif; margin:0}
	#mobile-results li h4 {    font-family: "Lato", serif; margin:0 }
	#mobile-results li:nth-child(odd) {background:#f6f6f6}	
	#login { margin-top:9px}
	#column-left { width:auto; float:none; margin-right:0;}
	#column-left .inner { margin:0}
	#column-right {width:auto; float:none; clear:both; display:block;}
nav { display:none}
	#menu-button { display:block}
	#user-button { display:block; margin-left:0.5em; margin-top:0}
	#user-options{ display:none}
	#notification-button {margin-top:0px; margin-left:0.5em }	
	.notification-modal { background:#f6f6f6; border:1px solid #999; padding:1em 1em 0 1em; position:absolute; z-index:999; width:calc(100% - (3*38px)); margin-left:calc(-100% + (4*38px)); margin-top:-1px; display:none }	
	.notification-modal .notification-actions { font-size:10px; font-weight:200; text-align:center; margin-top:1em}
	.notification-modal .notification-actions  li { display:block; line-height:1em;  padding:0; font-size:10px}
	.notification-modal .notification-actions  li a { display:block; padding:1em 0; color:#c00}
	.notification-modal .notification-actions  li:first-child { border-right:none}
	
	#header { position:fixed; width:100%; background:#fff}
	nav { position:absolute; width:100%; background:#fff; top:60px; min-height:320px; overflow:visible !important}
	nav li:first-child {
    margin-left: 0}
	nav li { float:none; position:relative;}
	nav li ul { float:none; position:relative; border:0}
	nav li ul li a {padding-left:2em}
	nav li a { border-bottom:1px solid #ddd; background:#f1f1f1}
	nav li li a { background:#f6f6f6;  border-bottom:1px solid #eee }
	nav li.mobile-only { display:block}
	#loggedin { display:none}
	nav .user-options { display:block}
	#main { padding-top:60px}

.split { padding:0}
.split .panel, .split .panel:last-child{ width:100%; float:none; margin:0 0 1em 0!important;}


	#brands ul { -webkit-column-count: 2;
		 -moz-column-count: 2;
			  column-count: 2;}

	#subjects ul { -webkit-column-count: 2;
		 -moz-column-count: 2;
			  column-count: 2;}
			  
	h2 span a {width:20px; overflow:hidden; height:40px}			  
	h2 span a:before {content:"+ ";text-indent:0px; font-weight:bold; font-size:20px }	
	h2 span a.expanded:before {content:"- " }			  
	
		#classification p { float:none}	

		#classification .images { text-align:left;  float:left; margin-right:10px}
		#classification p, #classification div {}
		#classification p { float:none; clear:both; margin-top:0; border-top: 1px dotted #ccc; margin:0}
		#classification dl {float:none; clear:both; border:none;  padding-left:0px; padding-top:10px}
		#classification  .images { display:none}

		
		 #posts {}
	.post { background:#f4f4f4 !important; border:1px solid #e4e4e4 ; padding-left:0 }
	.post .thread-solution { float:right;  margin-right:5px; display:inline-block; padding-left:20px ; background:url(/images/icons/award_star_gold_1.png) no-repeat 0px 1px; font-weight:bold }
	.post .thread-rating { float:right;  margin-right:5px; display:inline-block; padding-left:20px ; background:url(/images/icons/award_star_silver_1.png) no-repeat 0px 1px; font-weight:bold }
	.post.first { background:#efefef  !important; }
	.post.thesolution { background: #e4e4e4  !important;   border:2px solid  #FC0}
	.post .date { float:none!important; margin-left:0}
	.post.first .date { background:url(/images/bg-title.gif) repeat-x ; color:#FFF; text-align:left; padding: 4px 5px; float:none !important}
	.post.thesolution .date { } 
	.post .user-data { float:none; width:100%;padding:10px; border-bottom:1px solid #fff; overflow:auto; height:100%; margin-left:0}
	.post .user-data .avatar { float:left; width:25px; margin-right:10px}
	.post .user-data h3 { font-size:12px}
	.post .user-data h3 a { color:#000 !important; text-decoration:none}
	.post .user-data .details { float:left}
	.post .user-data p {font-size:11px}
	.post .details br { display:none}
	.post .details span:before { content: ", "}
	.post .image img { max-width:90%}
	.post .member-since {  float:right; clear:none}
	
	.review-short .user-data p { display:none}
	.review-short .score h2 { font-size:1.2em}
	.review-short .summary-points { float:none; clear:both}
	
	.post .options { margin-left:5px; border-top:2px solid #fff}
	.post .options  a { color:#333 !important}
	.message.error {border:1px solid #c6202f; background:#fff1f2; color:#c6202f; padding:5px; text-align:center; margin-bottom:5px} 
		  
	.l-footer .l-unit {
    float: none;
    width: 100%;    margin-bottom: 20px;
	}	  
	
	.tab-container input { max-width:80%}
	
	.topic-list a  {  font-size:14px}


	.post .image img { max-width:60%}	
	
	div.row label { float:none; display:block; width:auto}
	div.row.third {clear: both; float:none; width:100%}
	div.multi-select { width:100%; height:160px}
	
.public-profile li { width:auto; max-width:100%; }
.public-profile li span { display:block; width:100%}	

.public-profile .status { display:none}
	
}

@media screen and (max-width: 480px) {
	
	#facebox .body { max-width:100%}

#home-intro { display:none}
.tagline { display:none}
#searchoptions-advanced select, #searchoptions-basic select { width:99% !important; clear:both; float:none}
#searchbox h2 span { display:block}
#searchbox  #btnSearch { float:right; margin-right:1%}
#st { margin-bottom:8px;box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box; width:99% !important; margin-right:0 !important}
	 
	 

#brands ul { -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1; font-size:1.2em; line-height:1.8em}

#subjects ul { -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1; font-size:1.2em; line-height:1.8em}

.review-item{ width:98% } 
.review-item:nth-child(3) { clear:both; } 		  

ul.tabs  { height:auto; overflow; visible}
ul.tabs li { float:none; display:block}

ul  li.top { display:none}

div.row.half { width:100%;}
div.row input , div.row textarea { max-width:85%}	 

#search-box #q {width:100%; margin-bottom:0.5em}

#profile-form ul { float:none !important}

}

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

}





.modal {
	  position: relative;
  background: #FFF;
  padding: 3em;
  width: auto;
  max-width: 540px;
  height:100%;
  margin: 20px auto;
}

.modal div {  -webkit-text-size-adjust: 100%}
.modal  h1 { line-height:1.5em}
.modal  h2 { font-weight:bold; font-size:1.5em; line-height:1.6em; margin-bottom:1em; padding-right:1em; border-bottom:1px solid #333}
.modal  a{ color: #cc0000; text-decoration:none}
.modal   a:hover { text-decoration:underline}
.modal   a:visited { color:#cc0000}
.modal  a.link { font-size:1.4em}

.modal ul.links { margin-top:3.5em; margin-bottom:2em; height:100%;overflow:visible}
.modal ul.links li  { display:inline; margin-right:1em}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }