/* cmsms stylesheet: FormBuilder Default Style modified: 26-05-17 16:19:11 */
/* Sample FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 1em;
	border: 1px solid #F60;
	padding: 0.5em
}
fieldset label {
	width: auto;
}
legend {
	color: #FFF;
	background: #F60;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: 1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width: 98%;
	height: 6em
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	width: auto;
}
.captcha img {
	border: 1px solid #F60;
	margin-bottom: 0.5em
}
.captcha input {
	width: 230px;
}
/* Just a bit more room for the Submit button */
.submit {
	margin-top: 0.5em
}
.contactform input {
	border: 1px solid #f60;
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #ffc;
	border: 1px solid #f60;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}

.formbuilderform > div {
    margin-bottom: 10px;
}

.formbuilderform > div.margin {
    margin-bottom: 25px;
}

.formbuilderform > div > label {
    width: 25%;
    margin-right: 15px;
}

.formbuilderform input[type="checkbox"] {
margin-top: 0;
}

.formbuilderform > div.singleselect > label {
    width: calc(100% - 45px);
    font-weight: 300;
    float: right;
    margin-bottom: 20px;
}

.formbuilderform > div.radiogroup label {
    width: calc(100% - 45px);
    font-weight: 300;
    float: right;
    margin-bottom: 20px;
}

.formbuilderform > div.radiogroup > div:nth-child(2) {
    clear: both;
}

.formbuilderform > div div label {
    font-weight: 300;
}

input[type="text"], input[type="email"], textarea {
    border-radius: 5px;
    border: 1px solid #ccc;
    line-height: 30px;
    padding: 2px 10px;
}

select {
    border-radius: 5px;
    border: 1px solid #ccc;
    line-height: 30px;
    padding: 2px 10px;
    height: 30px;
}

textarea {
    resize: vertical;
}

.formbuilderform .marginbottom {
    margin-bottom: 20px;
}

.captcha {
    position: relative;
    margin-bottom: 0!important;
}

.captcha img {
    display: block;
}

.captcha input {
    position: absolute;
    top: 0;
    left: calc(25% + 15px);
}

aside .captcha input {
position: relative;
left: 0;
}
/* cmsms stylesheet: styles modified: 02-05-18 19:41:49 */
html {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: relative;min-height: 100%;height: auto!important;}html, body {margin: 0px;padding: 0px;font-family: 'Varela Round', sans-serif;line-height: normal;font-size: 15px;color: #3d3b3b;background: #efefef;}body {/* Margin bottom by footer height */margin-bottom: 60px;position: initial!important;}.container {position: relative;padding-left: 0;padding-right: 0;}.clear {clear: both;}h1, h2, h3, p {margin: 0 0 20px;}h1, h2, h3 {line-height: normal;}img {border: 0 none;}a, a:focus, select:focus, select option {outline: none;}a:link, a:visited {color: #0066CC;}a:hover, a:active, a:focus {text-decoration: none;}a[href^=tel]{color:inherit;text-decoration:none;}p, ul {line-height: 26px;}article p:last-child {margin-bottom: 0;}article table {margin-bottom: 20px;line-height: normal;}article table td {vertical-align: top;}textarea {resize: vertical;}.wide {display: block;}.mob {display: none;}.center {text-align: center;}img.links {float: left;margin: 4px 20px 4px 0;}img.rechts {float: right;margin: 4px 0 4px 20px;}/* start menu */nav {text-align: right;}nav ul {list-style-type: none;padding: 0px;margin: 0px;}nav ul li {position: relative;display: inline-block;margin-left: 0;}nav ul li a:link, nav ul li a:visited {font-size: 15px;line-height: 60px;display: block;padding-right: 15px;padding-left: 15px;text-decoration: none;padding-bottom: 4px;color: #fff;border-top: 4px solid transparent;transition: all 0.2s;}.change nav ul li a:link, .change nav ul li a:visited {line-height: 30px;}nav ul li a.menuactive:link, nav ul li a.menuactive:visited {color: #7eaae0;border-top: 4px solid #7eaae0;}nav ul li ul {max-height: 0;position: absolute;opacity: 0;top: 67px;min-width: 180px;background: #7d7d7d;left: 0;padding: 0;overflow: hidden;text-align: left;transition: opacity 0.4s, top 0.4s, max-height 0.4s;transition-delay: 0.6s;}nav ul > li:hover ul {max-height: 400px;opacity: 1;top: 56px;transition-delay: 0s;transition: opacity 0.4s, top 0.4s, max-height 0.4s;}.change nav ul > li:hover ul {max-height: 400px;opacity: 1;top: 26px;transition-delay: 0s;transition: opacity 0.4s, top 0.4s, max-height 0.4s;}nav ul li ul li {float: none;}nav ul li ul li a:link, nav ul li ul li a:visited, .change nav ul li ul li a:link, .change nav ul li ul li a:visited {line-height: normal;}nav ul li ul li a.menuactive:link, nav ul li ul li a.menuactive:visited {color: #3b3728;border-top: 0 none;}nav ul li ul li:first-child {margin-top: 20px;}nav ul li ul li:last-child {margin-bottom: 10px;}.submenu {margin-bottom: 25px;}.submenu ul {list-style-type: none;padding: 0px;margin: 0px;}.submenu ul li {margin-left: 0px;}.submenu ul li a:link, .submenu ul li a:visited {display: block;font-size: 13px;padding: 3px 10px;text-decoration: none;border-radius: 2px;/*background: #1f1a07;*/background: #fff;border: 1px solid #e5e5e5;color: #3d3b3b;line-height: 15px;margin-bottom: 3px;transition: all 0.2s;}.submenu ul li a.menuactive:link, .submenu ul li a.menuactive:visited {background: #7d7d7d;color: #fff;border: 0 none;}/* eind menu */#logo {width: 150px;position: absolute;left: 15px;opacity:1;z-index: 99;padding: 10px;background: #fff;border-radius: 0 0 10px 10px;transition: all 0.2s;}.change #logo {width: 90px;}#logo a:link, #logo a:visited {}#logo img {max-width: 100%;height: auto;border-radius: 0 0 5px 5px;}#full-width-slider {width: 100%;color: #000;}.rsArrow {position: absolute;top: calc(50% - 22px);z-index: 98;}.rsArrowLeft {left: 20px;}.rsArrowRight {right: 20px;}.rsArrowLeft .rsArrowIcn {width: 27px;height: 44px;background: url(https://www.kledingbankdeventer.nl/assets/images/arrow-left.png);}.rsArrowRight .rsArrowIcn {width: 27px;height: 44px;background: url(https://www.kledingbankdeventer.nl/assets/images/arrow-right.png);}.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {background-position: top left;}.rsMinW .rsBullets {position: absolute;bottom: 15px;right: 15px;z-index: 35;padding-top: 4px;height: auto;text-align: center;line-height: 6px;}.rsMinW .rsBullet {width: 8px;height: 8px;display: inline-block;margin-right: 4px;*display: inline;*zoom: 1;padding: 6px 5px 6px 4px;}.rsMinW .rsBullet span {display: block;width: 8px;height: 8px;border-radius: 50%;background: #CCC;background: rgba(255,255,255,0.5);box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);}.rsMinW .rsBullet.rsNavSelected span {background: #FFF;}header {background: #7d7d7d;background-size: auto 100%;position: fixed;width: 100%;z-index: 99;}#text-on-slider {position: absolute;width: 100%;text-align: right;bottom: 50px;z-index: 9999;}#text-on-slider a:link, #text-on-slider a:visited {display:inline-block;color: #fff;background: #847441;padding: 15px;border: 3px solid #584d29;line-height: 30px;text-transform: uppercase;transition: all 0.4s;}main {padding-top: 40px;}main img {max-width: 100%;height: auto;}hgroup h1 {margin-bottom: 10px;}main h1, main hgroup h2 {}h1 {font-size: 30px;}h2 {font-size: 24px;}main article {padding-top: 40px;}.homepage main article {padding-top: 60px;}article.main {padding-bottom: 40px;}article img {border-radius: 5px;margin: 10px 0;}main hgroup h2 {margin-bottom: 40px;}aside {padding-left: 80px!important;font-size: 14px;}aside h2 {margin-bottom: 10px;padding-bottom: 3px;border-bottom: 5px solid #7eaae0;}a.button:link, a.button:visited, button.button, .submit input {display: inline-block;line-height: 30px;padding: 8px 15px 5px;font-size: 16px;font-weight: 600;border: 0 none;color: #fff;background: #7eaae0;text-align: center;border-radius: 5px;margin: 0 20px 0 0;text-transform: uppercase;transition: all 0.4s;}.button img {width: 30px;margin-right: 5px;height: auto;line-height: 30px;}aside a.button:link, aside a.button:visited {width: 100%;margin: 0 0 20px 0;}#latestnews {background: #b5b4af;padding: 40px 0;}footer {position: absolute;bottom: 0;width: 100%;/* Set the fixed height of the footer here */height: 60px;background: #1f1a07;font-size: 13px;color: #ededed;}.footerbox {line-height: 60px;margin-bottom: 0;}footer a:link, footer a:visited {color: inherit;}.rsSlide, .rsOverflow {}.infoOnSlider {position: absolute;width: 950px;left: 50%;top: auto;z-index: 999;margin-left: -670px;padding: 25px;bottom: -5px;line-height: normal;border-left: 10px solid #7eaae0;color: #fff;border-radius: 5px;background: rgba(50, 50, 50, 0.75);font-size: 30px;}.infoOnSlider p {line-height: normal;margin-bottom: 0;}.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;border-radius: 5px;}aside .video-container {margin-bottom: 20px;}#filmpjes .video-container {width: calc(50% - 7px);padding-bottom: 25%;margin-bottom: 10px;display: inline-block;}#filmpjes .video-container:nth-child(even) {margin-left: 10px;}.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}aside p {line-height: 20px;margin-bottom: 15px;}aside .fa-facebook {font-size: 26px;margin-right: 20px;}aside input[type="text"] {width: 100%;border-radius: 5px;border: 1px solid #ccc;line-height: 30px;margin-bottom: 10px;padding: 2px 10px;}aside input[type="submit"], article input[type="submit"] {display: inline-block;line-height: 30px;padding: 8px 15px 5px;font-size: 16px;font-weight: 600;border: 0 none;color: #fff;background: #7eaae0;text-align: center;border-radius: 5px;text-transform: uppercase;transition: all 0.4s;}.newsitem {position: relative;padding: 20px 0;border-bottom: 1px solid #898c8d;}.newsitem:last-of-type {border-bottom: 0 none;}#newsitems .newsitem {height: 280px;padding: 20px;margin-bottom: 0;border-right: 1px solid #898c8d;border-bottom: 0 none;}.newstitle a:link, .newstitle a:visited {color: #1f1a07;font-size: 20px;font-weight: bold;}.newsdate {font-size: 13px;margin-bottom: 15px;}#newsitems .owl-controls {position: absolute;top: 50%;width: 100%;height: 60px;z-index: 10;margin: -60px 0 0 0 !important;}#newsitems .owl-prev {text-indent: 9999px;position: absolute;width: 26px;height: 60px;overflow: hidden;background: url(https://www.kledingbankdeventer.nl/assets/images/arrow-left.png) no-repeat;left: -30px;}#newsitems .owl-next {text-indent: 9999px;position: absolute;width: 26px;height: 60px;overflow: hidden;background: url(https://www.kledingbankdeventer.nl/assets/images/arrow-right.png) no-repeat;right: -30px;}.owl-carousel .owl-stage-outer {margin-left: 1px;z-index: 20;}.newsitem .leesverder {margin-top: 15px;float: right;}#newsitems .newsitem .leesverder {position: absolute;bottom: 20px;right: 20px;margin-top: 0;float: none;}/* Radial Out */.button, .submit input {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;overflow: hidden;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}.button:before, .submit input:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #7d7d7d;border-radius: 100%;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}#full-width-pic img {width: 100%;height: auto;}#navlogo {display: none;}#google_translate_element, .goog-te-gadget {display: inline;line-height: normal;}.goog-te-gadget-simple {font-family: 'Varela Round', sans-serif;font-size: 13px;background: #1f1a07;color: #fff;border: 0 none;}.goog-te-gadget-simple .goog-te-menu-value {color: #fff;}#NewsPostDetailReturnLink {margin-top: 20px;}figure {display: inline-block;border: 1px dotted #ccc;margin: 5px 10px 15px 0;padding: 10px;position: relative;}figure img, figure iframe {margin-bottom: 5px;}figcaption {font-size: 12px;text-align: center;}.fa-file-pdf-o, .fa-file-video-o, .fa-object-group, .fa-shopping-basket, .fa-file-text-o {margin-right: 10px;font-size: 18px;}figure.image {width: 200px;height: 200px;padding: 0;display: block;float: left;text-align: center;position: relative;}figure.image a {display: inline-block;position: relative;padding: 10px;width: 200px;height: 200px;}figure.image img {width: auto;margin: 0;height: auto;position: relative;max-width: 100%;max-height: calc(100% - 40px);top: 50%;transform: translateY(-60%);}figure.image figcaption {position: absolute;max-height: 40px;bottom: 0;}figure.image figcaption a {height: auto;}
/* cmsms stylesheet: r1200 modified: 01-04-17 19:14:20 */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {

.infoOnSlider {
    margin-left: -570px;
}

.formbuilderform > div > label {
width: 30%;
}

.captcha input {
left: calc(30% + 15px);
}

.gallery img {
    width: 124px;
}

}
/* cmsms stylesheet: r960 modified: 01-04-17 19:15:29 */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

html, body {
    font-size: 14px;
}
    
.homepage main article {
    padding-top: 40px;
}
    
nav ul li a:link, nav ul li a:visited {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}
    
.change nav ul li a:link, .change nav ul li a:visited {
    font-size: 14px;
    padding-left: 14px;
    padding-right: 14px;
}

.infoOnSlider {
    padding: 15px;
    font-size: 22px;
    width: 940px;
    margin-left: -470px;
}
    
h1 {
    font-size: 24px;   
}
    
h2 {
    font-size: 20px;
}
    
#newsitems .newsitem {
    height: 340px;
}

footer, .goog-te-gadget-simple {
    font-size: 12px;
}

.formbuilderform > div > label {
width: 35%;
}

.captcha input {
left: calc(35% + 15px);
}

.gallery .img {
    margin: 5px;
}

.gallery img {
    width: 138px;
}

}
/* cmsms stylesheet: hovers modified: 20-02-18 15:29:57 */
@media only screen and (min-width: 992px) {
    
.submenu ul li a:hover, .submenu ul li a:active {
	background: #7d7d7d;
    color: #fff;
}
    
#text-on-slider a:hover, #text-on-slider a:active {
    background: #584d29;
}
    
a.button:hover, a.button:active, button.button:hover {
    /*background: #1f1a07;*/
    color: #fff;
}
    
aside input[type="submit"]:hover, article input[type="submit"]:hover {
    background: #1f1a07;
    color: #fff;
}
    
.button:hover, .button:focus, .button:active {
  color: white;
}
.button:hover:before, .button:focus:before, .button:active:before, .submit input:hover:before, .submit input:focus:before, .submit input:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}
    
nav ul li:hover > a {
	color: #3b3728;
    
}

}
/* cmsms stylesheet: r768 modified: 01-04-17 19:16:02 */
@media only screen and (min-width: 768px) and (max-width: 991px) {

html, body {
    font-size: 14px;
}
    
p {
    line-height: 24px;
}
    
#logo {
    width: 90px;
}
    
.change #logo {
    width: 60px;
}

nav ul li a:link, nav ul li a:visited {
    font-size: 13px;
    padding-left: 8px;
    padding-right: 8px;
}
    
.change nav ul li a:link, .change nav ul li a:visited {
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
}   
    
nav ul li:first-child {
    display: none;
}
    
.infoOnSlider {
    width: 720px;
    margin-left: -360px;
    font-size: 18px;
    padding: 10px;
}
    
.rsMinW .rsBullets {
    bottom: auto;
    top: 25px;
}
    
.homepage main article {
    padding-top: 30px;
} 
    
h1 {
    font-size: 22px;   
}
    
h2 {
    font-size: 18px;
}
    
aside {
    padding-left: 25px!important;   
}
    
.newstitle a:link, .newstitle a:visited {
    font-size: 17px;   
}
    
#newsitems .newsitem {
    height: 390px;
}
    
#newsitems .owl-prev {
    left: -20px;
}
    
#newsitems .owl-next {
    right: -25px;
}
    
footer, .goog-te-gadget-simple {
    font-size: 9px;
}
    
.rsArrow {
    display: none!important;
}
    
main {
    padding-top: 60px;
}

.formbuilderform > div > label {
width: 40%;
}

.captcha input {
left: calc(40% + 15px);
}

.gallery .img {
    margin: 5px;
}

.gallery img {
    width: 140px;
}
	
}
/* cmsms stylesheet: r300 modified: 23-02-18 16:34:00 */
@media only screen and (max-width: 767px) {
 
html, body {
    font-size: 13px;
}
    
    body {
    margin-bottom: 0;
}
    
p, ul {
    line-height: 20px;
}
    
.wide {
    display: none;
}
    
.mob {
    display: block;
}

ul {
    padding-left: 15px;
}
	
nav {
    width: 100%;
    display: none;
    height: 100%;
    background: #7d7d7d;
    position: fixed;
    top:0;
    left: 0;
    overflow: auto;
    z-index: 100;
}

nav ul {
    padding: 10px 15px;
    text-align: left;
    list-style-type: none;
}
    
nav ul li {
    float: none;
    display: block;
}

nav ul li a:link, nav ul li a:visited, .change nav ul li a:link, .change nav ul li a:visited {
    text-decoration: none;
    display: block;
    line-height: 22px;
    height: auto;
    border-bottom: 1px solid #fff;
    padding: 0;
    font-size: 16px;
}
    
nav ul li:last-child a:link, nav ul li:last-child:visited {
    border-bottom: 0 none;
}

nav ul li ul, nav ul > li:hover ul, .change nav ul > li:hover ul {
    max-height: 0;
    opacity: 1;
    min-width: 0;
    top: 0;
    transition-delay: 0s;
    padding: 0;
    transition: all 0.2s;
    position: relative;
}
    
nav ul li ul.active {
    max-height: 400px;
}

nav ul li ul li a:link, nav ul li ul li a:visited {
font-size: 12px;
}
    
nav ul li a.menuactive:link, nav ul li a.menuactive:visited {
    border-top: 0 none;
}
    
.ultrigger {
    width: 30px;
    padding: 3px;
    height: auto;
    float: right;
}
    
.menutrigger {
display: block;
position: fixed;
top:3px;
right: 0;
width: 55px;
height: 35px;
background: none;
cursor: pointer;
z-index: 101;
}
    


.menutrigger span { position: absolute; left: 13px; top: 16px; }

.menutrigger span, .menutrigger span:before, .menutrigger span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 4px;
  width: 35px;
  background: #fff;
  position: absolute;
  display: block;
  content: '';
transition: all 500ms ease-in-out;
}
.menutrigger span:before {
  top: -9px;
}
.menutrigger span:after {
  bottom: -9px; 
}
    


#navlogo {
    display: block;
    width: 60px;
    height: auto;
    background: #fff;
    margin: 0 15px 15px 15px;
    padding: 5px;
    border-radius: 0 0 5px 5px;
}
    
#navlogo img {
    max-width: 100%;
    height: auto;
}

.menutrigger.active span {
  background-color: transparent;
}
.menutrigger.active span:before, .menutrigger.active span:after {
  top: 0;
}
.menutrigger.active span:before {
  transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.menutrigger.active span:after {
  transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

footer {
    position: relative;
    height: auto;
    padding: 10px 0;
    font-size: 11px;
}

.goog-te-gadget-simple {
    font-size: 11px;
}

#logo {
    width: 60px;
    padding: 5px;
}
    
.change #logo {
    width: 45px;
}
    
header {
    height: 40px;
}
    
main {
    padding-top: 35px;
}
    
.rsArrow {
    display: none!important;
}
    
.rsOverflow, .rsSlide {
    overflow: visible;
}
    
.infoOnSlider {
    width: 100%;
    font-size: 12px;
    left: 0;
    height: 63px;
    line-height: 20px;
    padding: 8px;
    margin-left: 0;
    bottom: auto;
    display: table!important;
    top: 100%;
    transform: none!important;
    transition: none!important;
    opacity: 1!important;
    border-radius: 0;
    background: #8e8e8e;
}
    
.infoOnSlider p {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
    
h1, h2, h3, p {
    margin-bottom: 15px;
}
    
h1 {
    font-size: 20px;
}
    
h2 {
    font-size: 18px;
}
    
main article {
    padding-top: 16px;
}
    
.homepage main article {
    padding-top: 20px;
}
    
a.button:link, a.button:visited, button.button {
    line-height: 20px;
    padding: 8px 10px 5px;
    margin: 5px;
    font-size: 14px;
}
    
aside {
    padding-left: 15px!important;
}
    
aside .fa-facebook {
    font-size: 16px;
}
    
#newsitems .newsitem {
    /*height: 265px;*/
    height: auto;
    padding-bottom: 75px;
    border-right: 0 none;
}
    
#newsitems .owl-prev {
    left: -15px;
}
    
#newsitems .owl-next {
    right: -15px;
}
    
#newsitems .owl-nav {
    position: relative;
}

#latestnews {
    padding: 20px 0;
}
    
.newstitle a:link, .newstitle a:visited {
    font-size: 16px;
}
    
.newsdate {
    font-size: 11px;
}
    
.footerbox {
    line-height: 20px;
}
    
img.links, img.rechts {
    max-width: 55%;
}
    
aside a.button:link, aside a.button:visited {
    margin-bottom: 15px;
}
    
article.main {
    padding-bottom: 20px;
}

#NewsPostDetailReturnLink {
    margin: 15px 0;
}

article p:last-child {
    margin-bottom: 15px;
}

.captcha input {
    position: relative;
    top: auto;
    left: auto;
}

.formbuilderform > div > label {
    width: 40%;
}

input[type="text"], input[type="email"] {
    width: 55%;
    
}

.gallery .img {
    margin: 5px;
    width: 30%;
}

/* prettyPhoto styling for small screens */
.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; top: 50px!important; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 10px!important; top: 10px!important; }
.pp_hoverContainer { width: 100%!important; height: 100%!important;}


.gallery img {
    width: 100%;
}
    
figure.image {
    width: 150px;
    height: 150px;
}

figure.image a {
    width: 150px;
    height: 150px;
}


}