.dropdown-menu {right: 0; left: inherit;}
.dropdown-menu li {padding: 0 !important; margin: 0 !important;}
.dropdown-menu li a:hover {background: #efefef;}
.dropdown-menu li:before {content: '' !important;}
.photoCantainer{margin-left: -15px;margin-right: -15px;}
.eachPhotosHolder { margin-bottom: 30px; width: 33.33333333%; padding-left: 15px; padding-right: 15px; }
.eachPhotos{ float: left; border: 1px solid #C8C8C8; padding: 0; width: 100%; position: relative; }
.eachPhotos:before{ content: ''; position: absolute; border: 1px solid #fff; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; pointer-events: none; }
.eachPhotos > a{ display: block; float: left; color: #000; text-decoration: none; position: relative; width: 100%; }
.eachPhotos a:hover{ text-decoration: none; }
.eachPhotos a img{ width: 100%; height: 165px; float: left; object-fit: cover; }
.imgCount { width: 17%; float: left; }
.dtls{ float: left; width: 100%; color: #fff; box-sizing: border-box; bottom: 0; padding: 8px; background: rgba(255, 114, 64, 0.82); position: absolute; bottom: 20px; }
.dtls1{ float: left; width: 100%; color: #fff; box-sizing: border-box; bottom: 0; padding: 8px; }
.dtls i{ margin-right: 2%; }
.GlrTitle{ width: 83%; float: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.GlrTitle a{ color: #fff; text-decoration: none; font: 400 14px 'Scada'; }
.eachPhotos a dd{ background: rgba(255, 114, 64, 0.82); padding: 3px 8px 4px 7px; font: 400 14px 'Scada'; text-decoration: none; color: #FFFFFF; margin: 0; text-transform: initial; position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; }
.pgLk { float:left; text-align:left; margin:0 0 0 10px; padding:0; }
.pgLk button {padding: 7px 0 7px 25px !important; text-decoration: none; margin: 0 !important; color: #000; border: none; outline: none; cursor: pointer; position: relative; background: transparent; }
.pgLk button:before {content: '\f08a';position: absolute;font:400 14px "FontAwesome";left: 0;top: 11px;}
.liked{background: transparent;-webkit-transition: all 240ms ease-in-out;-moz-transition: all 240ms ease-in-out;-ms-transition: all 240ms ease-in-out;-o-transition: all 240ms ease-in-out;transition: all 340ms ease-in-out;}
.liked:before{content: '\f004' !important;position: absolute;font:400 14px "FontAwesome";left: 0;top: 11px;}
.pgSbk {float:right;}
.pgSbk a {display: inline-block !important;margin: inherit !important;margin-left: 0px !important;padding: 0px 5px;}
.pgSbk a i{float: left;}
.pgSbk img {padding:inherit !important;box-shadow:none !important;}
.icnPGfb, .icnPGtw, .icnPGgp {color:#000;-webkit-transition: all 240ms ease-in-out;-moz-transition: all 240ms ease-in-out;-ms-transition: all 240ms ease-in-out;-o-transition: all 240ms ease-in-out;transition: all 340ms ease-in-out;font-size: 16px;}
.icnPGfb:hover, .icnPGtw:hover, .icnPGgp:hover {color:#000;} 
.col{float: right !important;}

.pagination {margin: 8px 0 18px 0 !important;}

@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait){.eachPhotosHolder {width: 100%;}}
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape){.eachPhotosHolder {width: 50%;}}

/*=============== for hover effect ============*/
.tdg-img-effect {overflow: hidden}
.tdg-img-effect.zoom-slow img {transition: all 3s;-moz-transition: all 3s;-webkit-transition: all 3s;-o-transition: all 3s}
.tdg-img-effect.zoom-slow:hover img {-moz-transform: scale(2);-webkit-transform: scale(2);-o-transform: scale(2);-ms-transform: scale(2);transform: scale(2)}
.tdg-img-effect.zoom:hover img{-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}

.dropdown-menu{height: auto;overflow: hidden;}