.gallery{flex-wrap:wrap;justify-content:space-around;width:1110px;margin:auto;display:flex}.g-col-div1{flex-wrap:wrap;justify-content:space-between;width:65%;display:flex;position:relative}.g-col-div2{width:35%}.gd1-c1{width:50%;height:270px;position:relative}.gd1-c1 img{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:all .3s ease-in-out;display:flex;position:relative}.gd2-c1 img{z-index:1;justify-content:center;align-items:center;width:100%;height:550px;padding:20px;transition:all .3s ease-in-out;display:flex;position:relative}.overlay1{opacity:0;z-index:2;background-color:#00a3c8d9;justify-content:center;align-items:center;width:90%;height:86%;transition:all .7s ease-in-out;display:flex;position:absolute;top:18px;left:5%}.ov-ch{border:1px solid #fff;border-radius:5px;justify-content:center;align-items:center;width:85%;height:85%;display:flex}.ov-ch i{color:#fff;border:2px solid #fff;border-radius:50%;padding:.7rem;font-size:25px}.gd1-c1:hover .overlay1{cursor:pointer;opacity:1}.overlay2{opacity:0;z-index:2;background-color:#00a3c8d9;justify-content:center;align-items:center;width:90%;height:93%;transition:all .7s ease-in-out;display:flex;position:absolute;top:18px;left:5%}.ov-ch1 i{color:#fff;border:2px solid #fff;border-radius:50%;padding:.7rem;font-size:25px}.ov-ch1{border:1px solid #fff;border-radius:5px;justify-content:center;align-items:center;width:80%;height:85%;display:flex}.gd2-c1:hover .overlay2{cursor:pointer;opacity:1}.ov-ch1 i:hover,.ov-ch i:hover{color:#999;background-color:#fff}.g-pic{text-align:center;z-index:999;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.g-pic-overlay img{height:550px}.g-pic-overlay{position:relative}.g-btn{color:#fff!important;cursor:pointer!important;background-color:#ff0505!important;border:none!important;font-size:1rem!important;position:absolute!important;top:-10px!important;right:-10px!important}.g-prev-btn{color:#fff!important;background:0 0!important;border:none!important;font-size:6rem!important;position:absolute!important;top:40%!important;left:5%!important}.g-prev-btn:hover{color:#a3a1a1!important}.g-next-btn{color:#fff!important;background:0 0!important;border:none!important;font-size:6rem!important;position:absolute!important;top:40%!important;right:5%!important}.g-next-btn:hover{color:#a3a1a1!important}.gallery-overlay{z-index:999;background:#000c;width:100%;height:100%;transition:all 1.5s ease-in-out;position:fixed;top:0;left:0}.gallery-overlay-pic{border:2px solid red;width:40%;height:70%;margin:1rem auto}@media only screen and (min-width:320px) and (max-width:600px){.gallery{width:90%}.g-col-div1,.g-col-div2,.gd1-c1,.gd2-c1{width:100%}.gd1-c1,.gd2-c1{height:auto;margin:0;padding:0}.g-pic-overlay img{text-align:center;width:95%;height:auto;margin:auto}.g-btn{top:0;right:0%!important}.g-next-btn{top:38%!important;right:3%!important}.g-prev-btn{top:38%!important;left:3%!important}.g-next-btn i,.g-prev-btn i{color:#fff;font-weight:100;transform:scaleY(3);font-size:1rem!important}.overlay1,.overlay2{width:92%;height:89%;top:18px;left:4%}.overlay2{width:92%;height:93%}.ov-ch i{font-size:2rem!important}}