@media only screen and (max-width: 400px) {
    .forregularscreens {
        display: none;
    }
    .forsmallscreens {}
}

@media only screen and (min-width: 400px) {
    .forregularscreens {}
    .forsmallscreens {
        display: none;
    }
}

[data-darkbox] {
    /* add cursor to clickable darkbox items */
    cursor: pointer;
    backface-visibility: hidden;
}

#darkbox {
    position: fixed;
    z-index: 9999;
    background: rgba(0, 0, 0, 0) no-repeat none 50%;
    background-size: contain;
    opacity: 0;
    visibility: hidden;
}

#darkbox.on {
    opacity: 1;
    visibility: visible;
    height: 90% !important;
    width: 90% !important;
    left: 5% !important;
    top: 5% !important;
}


#darkbox:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 70px;
    -webkit-background-size: 100%;
    background-size: 100%;
    cursor: pointer;
    background-image: url('data:image/png;base64,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');
    border-radius: 50%;
}


/*prev next buttons*/

#darkbox_prev,
#darkbox_next {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    height: 50px;
    width: 50px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 2;
}
#darkbox_prev{
    /**/
}
#darkbox_prev:before{
   position: absolute;
    content: '';
    width: 70px;
    height: 70px;
    z-index: 1;
    -webkit-background-size: 100%;
    background-size: 100%;
    border-radius: 50%;
    background-image: url("data:image/png;base64,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");
}
#darkbox_next:before{
   position: absolute;
    content: '';
    width: 70px;
    height: 70px;
    z-index: 1;
    border-radius: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-image: url("data:image/png;base64,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");
}
#darkbox_prev:hover,
#darkbox_next:hover {
    border-color: #09c;
}

#darkbox_prev {
    left: -2px;
/*    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);*/
}

#darkbox_next {
 /*   -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);*/
    right: -2px;
}

#darkbox-description {
    position: absolute;
    width: 100%;
    color: #fff;
    bottom: 5px;
    text-align: right;
    text-shadow: 0 1px 1px #000;
}

#darkbox-description a {
    color: #fff;
    font-weight: bold;
}

#darkbox sub {
    font-size: 10px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#gallery-wrapper {
    max-width: 1170px;
    /*padding: 0 15px;*/

    margin-left: auto;
    margin-right: auto;
}

.gallery_section {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: left;

}

.single-gallery {
    width: 230px;
    display: inline-block;
    /*float: left;*/
    /*padding: 10px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    
    overflow: hidden;
    height: 140px;
}

img {
    max-width: 100%;
    height: auto;
}


@media only screen and (max-width: 767px) {
    #darkbox:after,   
    #darkbox_prev:before,   
    #darkbox_next:before{
        width: 50px;
        height: 50px;
    }
}

@media only screen and (max-width:490px){
  .single-gallery {
    width: 100%;
    padding: 10px 0;
    height: auto;
  }
}