.top_gallery {
    height: 74px;
    /*background-color: #D6D7D8;*/
    /*border: thin solid #000;*/
    /*overflow:auto;*/
    margin: 0 0 24px 0;
    z-index: 999;
}

.top_image_frame {
    background: url(../files/images1/lazy_loader.gif) 50% 10px no-repeat rgb(255, 255, 255);
    float: right;
    width: 66px;
    height: 72px;
    margin: 1px 3px 0 0;
    z-index: 999;
    /*background-color: #F5F5F5;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(105,105,105,0.62);
    -moz-box-shadow: 0px 2px 5px 0px rgba(105,105,105,0.62);
    box-shadow: 0px 2px 5px 0px rgba(105,105,105,0.62);*/
    /*-webkit-transition: background-color 0.6s ease;
    -moz-transition: background-color 0.6s ease;
    -o-transition: background-color 0.6s ease;
    transition: background-color 0.6s ease;*/
    /*padding: 2px;*/
    /*overflow: hidden;*/
}

.top_gallery .top_photo {
    position: relative;
    top: 0;
    z-index: 0;
    /*height: 100%;*/ /*verticle center*/
    float: right;
    margin:0;
    background: url(../files/images1/lazy_loader.gif) 50% 25px no-repeat rgb(255, 255, 255);
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*background-position: center;
    background-size: cover;*/
}

/*green and red arrow - add*/
.top_gallery .photo_to_added_wrapper {
    /*display: none;*/
    position: relative;
    margin: -3px 0 0 0;
    float: left;
    left: 0;
    z-index: 400;
    display:inline;
    overflow:hidden;
    /*border: thin solid #000;*/
}

    .top_gallery .photo_to_added_wrapper .photo_to_add {
        margin:5px 48px 0 0;
        width: 58px;
        height:69px;
        position: absolute;
        object-fit: cover;
        /*border:thin solid #fff;*/
    }

    .top_gallery .photo_to_added_wrapper .lbl_add_title {
        /*width: 63px;*/
        margin: -72px 57px 0 0;
        padding: 0;
        line-height: 17px;
        display: block;
        color: #fff;
        position: relative;
        font-weight: normal;
        text-shadow: -1px 1px 0px #000;
        text-align: center;
        z-index: 999;
        float: right;
        background-color: rgba(108, 15, 15, 0.2);
        /*border: thin solid;*/
    }

    .top_gallery .photo_to_added_wrapper .lbl_add_title_pos {
        /*width: 63px;*/
        margin: -62px 57px 0 0 !important;
        padding: 1px 2px;
        /*border: thin solid;*/
    }

    .top_gallery .photo_to_added_wrapper .lbl_add_title:hover {
        color: #ffd800;
        /*border: thin solid;*/
    }

/*icons*/

.top_gallery .ico {
    height: 81px;
    width: 120px;
    margin: 0;
    position: relative;
    /*border: thin solid #000;*/
}

.top_gallery .ico_added {
    background: url(../files/images1/search/ico_added.png) -3px 0 no-repeat;
}

.top_gallery .ico_add {
    background: url(../files/images1/search/ico_add.png) -3px 0 no-repeat;
}

.top_gallery .ico_nav_prev {
    background: url(../files/images1/prev_next.png) 0 0 no-repeat;
    width: 88px;
    height: 25px;
}

.top_gallery_inner {
    position: absolute;
    z-index: 100;
    margin: 0;
    width: 100%;
}

.top_gallery .ico_nav_next {
    /*background: url(../files/images1/prev_next.png) -14px 0 no-repeat;*/
    background-color: #d1d1d1;
    width: 14px;
    height: 72px;
    float: right;
    margin: 1px 0 0 0px;
    cursor: pointer;
    position: absolute;
    z-index: 999;
}

.arrow_next {
    /*border: solid #808080;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    display: table-cell;
    vertical-align: middle;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);*/
    position: absolute;
    margin: 28px 4px 0 0;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #6b6b6b;
}

    .top_gallery .ico_nav_next:hover {
    background-color: #dedede;
    /*background: url(../files/images1/prev_next.png) -14px -70px no-repeat;*/
}

/*move slide position*/

.add_to_gallery_top {
    border:thin solid;
        width:120px;
        height:81px;
    float: right;
}

@media (min-width: 992px ) {
  
}

@media (min-width: 768px) and (max-width: 991px ) {
   
   
}

@media (max-width: 767px) {
    .top_image_frame {
        
    }
}

@media screen and (max-width: 640px) {
    .top_image_frame {
       
    }

    .top_gallery {
        /*display: none;*/
    }
}