.search-box {
                position: absolute;
                top: 50%;
                left: 50%;
                display: flex;
                align-items: center;
                transform: translate(-50%, -50%);
                border-radius: 40px;

                background: #252525;
            }

            .search-box:hover .search-txt {
                width: 240px;
                padding: 0 6px;
            }

            .search-box:hover .search-btn {
                background: rgb(255, 255, 255);
                color: #252525 !important;
            }

            .search-txt {
                border: none;
                background: none;
                outline: none;
                padding: 0;
                color: #fff;
                transition: 0.5s;
                font-size: 1rem;
                width: 0px;
            }

            .search-btn {
                color: #ffffff !important;
                width: 40px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                transition: 0.5s;
            }
            .camera_wrap .camera_pag .camera_pag_ul{
                bottom: 20px !important;
            }
            @media only screen and (max-width: 767px) {
                #camera_wrap {
                    height: 500px !important;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                #camera_wrap img {
                    max-height: 100%;
                    max-width: 100%;
                    object-fit: cover;
                }
            }

            @media only screen and (min-width: 768px) and (max-width: 1279px) {
                #camera_wrap {
                    height: 500px !important;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                #camera_wrap img {
                    max-height: 100%;
                    max-width: 100%;
                    object-fit: cover;
                }
            }

            @media only screen and (min-width: 1280px) {
                #camera_wrap {
                    height: 800px !important;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                #camera_wrap img {
                    max-height: 100%;
                    max-width: 100%;
                    object-fit: cover;
                }
            }