@media (min-width: 992px) {

    .gallery-main .card-columns,
    .gallery-details-main .card-columns {
        -moz-column-count: 3;
        column-count: 3;
    }
    .main-header nav.navbar .collapse ul li:hover>ul {
        display: block;
        padding: 0;
    }
    .main-header nav.navbar .collapse ul ul {
        position: absolute;
        top: calc(100% + 6px);
        left: 0;
        min-width: 275px;
        display: none;
        border-radius: 10px;
    }
    .main-header nav.navbar .collapse ul li > ul.dropdown-menu.first-level::before {
        background: url(../images/arrow_drop_up.svg) no-repeat;
        position: absolute;
        top: -9px;
        left: 20px;
        content: "";
        width: 19px;
        height: 10px;
    }
    .main-header nav.navbar .collapse ul ul li {
        position: relative
    }

    .main-header nav.navbar .collapse ul ul li:hover>ul {
        display: block;
    }

    .main-header nav.navbar .collapse ul ul ul {
        position: absolute;
        box-shadow: -5px 4px 20px 0px #080F1826;
        right: calc(100% - 12px);
        top: 14px;
        min-width: 213px;
        display: none;
        left: auto;
        border: 0;
    }
    .profile-gallery-details-main .col-lg-3 {
        flex: 0 0 28.3%;
        max-width: 28.3%;
    }
    .profile-gallery-details-main .col-lg-9 {
        flex: 0 0 71.7%;
        max-width: 71.7%;
    }
    .profile-gallery-details-main .col-lg-5{
        flex:0 0 46%;
        max-width:46%;  
    }
    .profile-gallery-details-main .col-lg-7{
        flex:0 0 54%;
        max-width:54%;  
    }
}

@media (min-width:1200px) {
    .sidebar-main {
        flex: 0 0 300px;
        max-width: 300px;
    }

    .gallery-main .card-columns {
        -moz-column-count: 3;
        column-count: 3;
    }

    .gallery-details-main .card-columns {
        -moz-column-count: 4;
        column-count: 4;
    }

    .rightbar {
        flex: 0 0 calc(100% - 300px);
        max-width: calc(100% - 300px);
    }
}
@media (min-width:1660px) {
.container-fluid{
    padding: 0 240px;
}
}
@media (min-width:1760px) {
    .main-header nav.navbar .collapse ul ul ul {
        left: calc(100% - 12px);
        right: auto;
    }
    }
@media (min-width: 1921px) {
    /* .banner .banner-form .input-group {
        width: 295px;
    } */
    .main-header .navbar .navbar-nav {
        gap: 50px;
    }
    }
    @media (min-width: 2100px) {
        .page-notfound-bg {
            padding-bottom: 17.5%;
        }
        
    }
@media (min-width:768px) and (max-width:1199px) {
    .sidebar-main {
        flex: 0 0 280px;
        max-width: 300px;
    }
    .team-info {
        left: 20px;
        width: calc(100% - 40px);
    }
    .rightbar {
        flex: 0 0 calc(100% - 280px);
        max-width: calc(100% - 280px);
    }

    .inner-banner.banner .banner-content h1 {
        font-size: 32px;
    }
}

@media (min-width: 1501px) and (max-width: 1920px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1464px;
    }
    .sidebar-main {
        flex: 0 0 374px;
        max-width: 374px;
    }
    .rightbar {
        flex: 0 0 calc(100% - 374px);
        max-width: calc(100% - 374px);
    }
    .about-right {
        padding-right: 36px;
    }

    .product-img-main {
        height: 270px;
    }

    .list-view .product-img-main {
        height: 100%;
    }
}
@media (max-width:1701px) {
    .client-img {
        width: 80px;
        height: 80px;
    }

    .testi-info svg {
        max-width: 85px;
    }

    .testi-info h3 {
        font-size: 27px;
    }

    .client-testimonials .swiper-slide {
        padding: 35px 28px 10px;
    }
}

@media (max-width:1500px) {
    .team-info h3{
        font-size: 17px;
    }
    /* .main-header nav.navbar ul.dropdown-menu li a .caret {
        right: auto;
        left: 20px;
        transform: rotate(-180deg);
    }
    .main-header nav.navbar ul.dropdown-menu li a{
        text-align: right;
        padding: 21px 21px 21px 35px;
    } */
    .main-header nav.navbar .collapse ul ul{
        min-width: 220px;
    }
    .main-header nav.navbar .collapse ul ul{
        right: 0;
        left: auto;
    }
    .main-header nav.navbar .collapse ul li > ul.dropdown-menu.first-level::before {
        left: auto;
        right: 20px;
    }
    .profile-gallery-main h5.card-title{
        font-size: 20px;
    }
    .gallery-main .card .card-title{
        font-size: 21px;
    }
    .contact-main .row {
        margin: 0 -12px;
    }
    .contact-main .col-lg-6 {
        padding: 0 12px;
    }
    .our-team{
        padding-top: 0;
    }
    .nightlife .content {
        width: 50%;
        border: 10px solid #fff;
    }

    .nightlife .grid-content {
        gap: 0;
    }

    .blog-section .blog-content-thmb .text-content h2 {
        font-size: 38px;
        line-height: 50px;
    }

    .main-header .navbar .navbar-nav {
        gap: 50px;
    }

    .destination-info h3,
    .travel-info h3 {
        font-size: 18px;
    }

    .destination-icon {
        height: 75px;
        width: 75px;
    }

    .travel-icon>svg {
        max-height: 65px;
    }

    .travel-img-main {
        width: 64%;
    }

    .travels-details {
        width: 36%;
    }

    .client-testimonials .swiper-slide {
        padding: 25px 20px 10px;
    }

    .testi-info p {
        font-size: 17px;
        line-height: 27px;
    }
    .journey-left p {
        font-size: 17px;
    }
    .client-img {
        width: 70px;
        height: 70px;
    }

    .testi-info h3 {
        font-size: 23px;
    }
/* 
    .banner .banner-form .input-group {
        width: 295px;
    } */

    .testi-info svg {
        max-width: 70px;
    }

    .testi-info h3 span {
        font-size: 15px;
        margin-top: 5px;
    }
}
@media (max-width:1400px) {
.main-header .navbar .navbar-nav {
    gap: 33px;
}
}
@media (max-width:1213px) {
.daterangepicker {
  margin-left: 100px;
}
}
@media (max-width:1199px) {
    .container-fluid {
        padding: 0 30px;
    }
    .terms-privacy-main h2 {
        font-size: 25px;
    }
    .terms-privacy-main p, .terms-privacy-main ul li {
        font-size: 16px;
        line-height: 26px;
    }
    .list-view .product-heading h4 span {
        margin-left: 0;
        display: block;
    }
    .location-price-info{
        flex-direction: column;
    }
    .list-view .product-details-inner p{
        padding-right: 0;
    }
    .page-notfound-image > svg {
        max-width: 240px;
        max-height: 266px;
    }
    .page-notfound-details{
        padding-top: 30px;
    }
    .page-notfound-bg{
        margin-top: -92px;
    }
    .page-notfound-main h1 {
        font-size: 40px;
        line-height: 44.18px;
    }
    .daterangepicker {
        margin-left: 30px;
      }
    .profile-btn .btn2 {
        font-size: 16px;
        padding: 8px 15px;
    }
    .profile-main .product-heading h4{
        font-size: 24px;
    }
    .testi-info {
        padding: 0 0 0 15px;
    }
    .contact-left, .contact-right{
        padding: 25px;
    }
    .our-team .col-lg-3 {
        padding: 0 12px;
    }

    .testi-info h3 {
        font-size: 21px;
    }

    .blog-section .blog-content-thmb .text-content {
        left: 50px;
    }

    .malia-section .button-section {
        margin-top: 35px;
    }

    /* .banner .banner-form .input-group {
        width: 235px;
    } */

    .resturants-section .button-section,
    .accommodation-section .button-section,
    .accommodation-section .button-section,
    .hires-section .button-section,
    .inside-section .button-section,
    .other-resort-section .button-section,
    .reviews-section .button-section {
        margin-top: 15px;
    }

    .blog-section .list-content .content h3 {
        font-size: 17px;
    }

    .gallery-main .card-columns {
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px;
    }

    .main-header .navbar .navbar-nav {
        gap: 23px;
    }

    .banner .banner-content h2,
    .banner .banner-content h1 {
        font-size: 38px;
    }

    .banner .banner-content p {
        font-size: 18px;
        line-height: 28px;
    }

    .banner.resort-banner {
        min-height: 400px;
    }

    .banner {
        padding: 100px 0;
    }

    .main-title h2 {
        font-size: 29px;
        line-height: 37px;
    }

    .travels-details {
        width: 40%;
    }

    .travel-img-main {
        width: 60%;
    }

    .beach-content .title h2 {
        font-size: 36px;
    }

    .journey-right .main-title h2 {
        font-size: 25px;
    }

    .hires-section .section-title h2,
    .resturants-section .section-title h2,
    .malia-section .section-title h2,
    .accommodation-section .section-title h2,
    .section-title h2,
    .inside-section .section-title h2,
    .other-resort-section .section-title h2,
    .reviews-section .section-title h2 {
        font-size: 29px;
        line-height: 37px;
    }

    .riviera-banner .content h2 {
        font-size: 35px;
    }

    .nightlife .grid-content {
        margin-top: 10px;
    }

    section {
        padding: 30px 0;
    }

    .accommodation-section {
        padding: 100px 0;
    }
}
@media (min-width:768px) and (max-width:991px) {
.banner .banner-form .datepicker  .form-control {
    padding-left: 5px;
    font-size: 12px;
}
}
@media (max-width:991px) {
    .list-view .product-item {
        flex-direction: column;
    }
    .list-view .product-img-main {
        width: 100%;
    }
    .list-view .product-details {
        width: 100%;
    }
   .contact-right {
    margin-top: 25px;
   }
   .main-header nav.navbar .collapse ul ul {
    border: 0;
    background: transparent;
    padding: 0;
}
.main-header nav.navbar ul.dropdown-menu li a {
    color: #0D0E10;
    border: 0;
    padding: 10px 0;
}
.main-header nav.navbar ul.dropdown-menu li a .caret {
    transform: rotate(90deg);
    width: 20px;
    height: 20px;
   padding: 0px 7px;
    right: 0;
}
   .hotel-info-left {
    flex: 0 0 100%;
    max-width: 100%;
}
.hotel-info-right {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 20px;
}
.profile-main .card-header .card-title {
    padding: 19px;
    font-size: 18px;
}
.review-top > .d-flex {
    flex-direction: column;
}
.review-left {
    width: 100%;
    margin-bottom: 20px;
}
.review-right {
    width: 100%;
    padding-left: 0;
}
.profile-title-head {
    flex-direction: column;
    gap: 20px;
}
   .page-item:first-child {
    margin-right: 10px;
}
.page-item:last-child {
    margin-left: 10px;
}
   .gallery-popup .row .small-col,.gallery-popup .row .big-col {
    flex: 0 0 100%;
    max-width: 100%;
}
    .aboutus-image > img {
        width: 100%;
    }
    .our-team .col-lg-3{
        margin-bottom: 60px;
    }
    .our-team {
        padding: 0 0 80px 0;
    }
    .about-contact-main {
        padding: 40px 0;
    }
    .play-icon a{
        width: 80px;
        height: 80px;
    }
    .about-right {
        margin-top: 40px;
    }
    .nightlife .grid-content .content {
        width: 100%;
    }
    .about-top-image {
        padding: 30px 0 40px 0;
    }
    .riviera-banner {
        padding: 100px 0;
    }

    .footer .content .socail {
        margin-top: 20px;
    }

    .list-content {
        margin: 20px 0 0 0;
    }

    .blog-section .list-content .content {
        margin-bottom: 20px;
    }

    .blog-section .blog-content-thmb .text-content h2 {
        font-size: 30px;
        line-height: 42px;
        max-width: 360px;
    }

    .nightlife .grid-content .content>img {
        width: 100%;
    }

    /* .banner .banner-form .input-group {
        width: 172px;
    } */

    .card2 .card-body .card-title {
        min-height: 57px;
    }

    .hires-section,
    .other-resort-section {
        padding: 110px 0;
    }

    .banner .banner-form .btn {
        /* width: 130px; */
        padding: 10px;
    }

    .top-header .list {
        padding-right: 80px;
    }

    .navbar-light .navbar-toggler {
        position: absolute;
        right: 0;
        top: -56px;
        border: 0;
    }

    .main-header .navbar {
        padding: 0;
    }

    .main-header {
        background: linear-gradient(0deg, #FFD600 0%, #FFF686 100%);
    }

    .main-header .navbar .navbar-nav {
        padding: 20px 0;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .travel-service-item {
        flex-direction: column;
    }

    .travel-img-main,
    .travels-details {
        width: 100%;
    }

    .hotel-of-day {
        padding: 40px 0 60px 0;
    }

    .hotel-of-day .product-details-inner {
        margin-bottom: 30px;
    }

    .have-question {
        padding-bottom: 50px;
    }

    .journey-right .socail ul a {
        height: 43px;
        width: 43px;
    }

    .top-header .navbar-brand {
        max-width: unset;
        width: 200px;
    }

    .guide-malia {
        padding: 50px 0 50px 0;
    }

    .destination-travel {
        padding: 40px 0;
    }

    .travel-services .main-title {
        margin-bottom: 0px;
    }

    .journey-right {
        margin: 20px 0 0 0;
    }

    .link-content {
        margin-top: 30px;
    }
    .profile-image.full{
        padding-bottom: 20px;
    }
    .main-header .navbar .navbar-nav > .nav-item {
        padding: 0;
    }
}
@media (max-width:767px) {
    .banner-form .input-group-prepend {
        border: 0;
        border-left: 1px solid var(--gray-100, #E3E6EA);
    }
    .terms-privacy-main .card{
        padding: 25px 20px;
    }
    .terms-privacy-main h2 {
        font-size: 20px;
    }
    .profile-main .reserve-badge{
        font-size: 14px;
    }
    .list-view .booknow-btn .btn {
        min-width: 130px;
        font-size: 15px;
    }
    .page-notfound-main h1 {
        font-size: 35px;
        line-height: 39.18px;
    }
    .page-notfound-details p {
        font-size: 16px;
        line-height: 23px;
    }
    .page-notfound-image > svg {
        max-width: 160px;
        max-height: 186px;
    }
    .page-notfound-details .btn{
        margin-top: 0;
    }
    .page-notfound-bg {
        margin-top: 0;
    }
    .daterangepicker .drp-calendar {
        max-width: 100%;
        width: 100%;
    }
    .daterangepicker {
        margin:0;
        left: 36px !important;
        width: calc(100% - 72px);
    }
    .banner .banner-form .form-control{
        font-size: 14px;
    }
    div#collapsecard{
        margin-top: 10px;
    }
    ul.select-list-group-list {
        z-index: 99;
    }
    .daterangepicker .drp-calendar.left{
        border-radius: 12px 12px 0 0 !important;
        border-right:1px solid #CBD1D6 !important;
        border-bottom: 0 !important;
    }
    .calendar-table {
        overflow-x: auto;
    }
    .daterangepicker .drp-calendar.right{
        border-radius:0 0 12px 12px !important;
    }
    .container-fluid {
        padding: 0 15px;
    }
    .banner-form .col-auto.p-0 {
        width: 100%;
    }
    .hotel-book-info .product-price h5{
        font-size: 20px;
    }
    .select-date-traveller form label {
        font-size: 16px;
        margin-bottom: 10px;
    }
    ul.hotel-other-info li{
        font-size: 14px;
        margin-top: 15px;
    }
    .small-heading {
        font-size: 16px;
    }
    .reviews-main .main-title h2 {
        text-align: center;
        margin-bottom: 10px;
    }
    .review-left h2{
        font-size: 30px;
    }
    .review-left h2 span{
        font-size: 15px;
    }
    .review-pic {
        width: 60px;
        height: 60px;
    }
    .profile-main .product-heading h4 span{
        font-size: 14px;
    }
    ul.hotel-other-info li span{
        font-size: 16px;
    }
    .about-contact-main{
        text-align: center;
    }
    li.breadcrumb-item a,.breadcrumb-item.active{
        font-size: 16px;
    }
    .profile-btn .btn2 {
        font-size: 15px;
        padding: 4px 15px;
        height: auto;
    }
    .view-all-img{
        font-size: 13px;
    }
    .profile-main .product-heading h4 {
        font-size: 21px;
    }
    .page-item:first-child {
        margin-right: 10px;
    }
    .page-item:last-child {
        margin-left: 10px;
    }
    .page-link {
        padding: 5px;
        height: 28px;
        width: 28px;
        font-size: 14px;
    }
    .view-image-icon > svg {
        max-width: 27px;
    }
    .gallery-main .card .card-title {
        font-size: 19px;
    }
    .gallery-popup .view-images .view-image-icon,.view-images .view-image-icon {
        height: 60px;
        width: 60px;
    }
    .view-images{
        font-size: 20px;
    }
    .contact-social ul{
        gap: 10px;
    }
    .contact-social li a{
        height: 40px;
        width: 40px;
    }
    .client-testimonials .swiper-slide .d-flex {
        flex-direction: column;
        text-align: center;
    }
    .about-right {
        text-align: center;
    }
    .about-top-image{
        padding: 10px 0 20px 0;
    }
    .our-team .main-title p {
        margin-bottom: 0;
    }
    .our-team {
        text-align: center;
        padding-bottom: 50px;
    }
    .rightbar {
        margin-top: 20px;
    }

    .riviera-banner {
        text-align: center;
    }

    .banner-form .form-row.align-items-center {
        flex-direction: column;
        padding: 10px;
    }

    .banner .banner-form .btn {
        width: 100%;
        margin: 0;
    }

    .banner .banner-form .input-group {
        width: 100%;
        margin-bottom: 10px;
    }

    .banner-form .col-auto {
        width: 100%;
        padding: 0;
    }

    .swiper-button {
        display: none !important;
    }
    .slider-btn-arrow .swiper-button {
        display: flex !important;
    }
    .slider-btn-arrow{
        width: 260px;
    }
    .banner .banner-form .form-control,
    .banner .banner-form .input-group>.input-group-prepend>.input-group-text {
        border-radius: 8px !important;
    }

    .main-title h2 {
        font-size: 27px;
        line-height: 36px;
    }

    .client-img {
        margin: 0 auto 10px;
    }

    .testi-info {
        padding: 0;
    }

    .testi-info svg {
        margin: 0 auto 10px;
    }

    .navbar-light .navbar-toggler {
        top: -58px;
    }

    .card-header,
    .faq-sidebar .nav-pills .nav-link {
        font-size: 16px;
    }

    .card-body p {
        font-size: 15px;
        line-height: 25px;
        text-align: left;
    }

    .banner .banner-content h2,
    .banner .banner-content h1 {
        font-size: 32px;
    }

    .resort-guide-main p,
    .about-right p,
    .our-team .main-title p,
    .client-testimonials .main-title p,.contact-main p {
        font-size: 16px;
        line-height: 26px;
    }

    .beach-content .title h2 {
        font-size: 28px;
    }

    .client-testimonials {
        padding: 50px 0 0 0;
    }

    .travel-journey {
        padding: 50px 0;
    }

    .highlights .container>.d-flex {
        flex-direction: column;
        text-align: center;
        margin-bottom: 20px;
    }

    .highlights {
        padding: 50px 0 30px 0;
    }

    .travel-journey {
        text-align: center;
    }

    .journey-right .socail ul {
        justify-content: center;
    }

    footer.footer {
        text-align: center;
    }

    .footer .copyright .lang-btn .dropdown .btn {
        margin: 0 auto;
    }

    .footer .copyright .text-content ul {
        justify-content: center;
        margin: 20px 0 0 0;
    }

    .footer .content .socail {
        margin-top: 30px;
    }

    .footer .content .socail ul {
        justify-content: center;
    }

    .client-testimonials .swiper-overflow-container {
        padding: 0 20px;
    }

    .date-time-info {
        font-size: 14px;
        text-align: left;
    }

    .date-time-info>svg {
        width: 14px;
    }

    .tab-content h2 {
        font-size: 28px;
    }

    .inner-banner.banner .banner-content h1 {
        font-size: 30px;
    }

    button.mfp-close {
        position: absolute !important;
        top: -5px !important;
        right: 4px !important;
    }

    .mfp-arrow-left,
    .mfp-arrow-right {
        width: 60px;
        height: 60px;
        background-size: 100% !important;
    }

    .mfp-arrow {
        margin-top: -25px !important;
    }

    .mfp-bottom-bar {
        top: 50px;
        left: -20px;
    }

    .mfp-counter {
        font-size: 14px;
        padding: 4px 8px;
    }

    .footer .copyright {
        margin-top: 10px;
        padding-top: 30px;
    }

    .destination-info h3,
    .travel-info h3 {
        font-size: 20px;
    }

    .travel-services:before,
    .travel-services:after {
        content: none;
    }

    .destination-icon {
        height: 65px;
        width: 65px;
    }

    .destination-icon>svg {
        max-height: 35px;
    }

    .travel-services {
        padding: 35px 0 60px 0;
    }

    .blog-section .blog-content-thmb .text-content {
        left: 30px;
        width: calc(100% - 60px);
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
    }

    section.blog-section {
        padding-bottom: 50px;
    }

    .blog-section .button-section {
        margin-top: 30px;
    }

    .accommodation-section .accommodation-slider {
        padding-bottom: 50px;
    }

    section.resturants-section {
        padding-top: 0;
    }

    .hires-section .section-title h2,
    .resturants-section .section-title h2,
    .malia-section .section-title h2,
    .accommodation-section .section-title h2,
    .section-title h2,
    .inside-section .section-title h2,
    .other-resort-section .section-title h2,
    .reviews-section .section-title h2 {
        font-size: 27px;
        line-height: 30px;
    }

    section.malia-section {
        padding-top: 50px;
    }

    .blog-section .blog-content-thmb .text-content p {
        font-size: 16px;
        line-height: 26px;
    }
    .contact-right .btn {
        font-size: 15px;
        margin-top: 10px;
        width: 100%;
    }
    .contact-main {
        padding: 0px 0 60px 0;
    }
    .hotel-book-info{
        padding: 20px;
    }
}
@media (min-width:730px) and  (max-width:767px) {
    .daterangepicker{
        margin-top: 8px;
    }
    }
@media (max-width:479px) {
    .inner-banner.banner .banner-content h1 {
        font-size: 24px;
    }

    .footer .copyright .text-content ul li a {
        border-right: 0;
        padding-right: 0;
    }

    .footer .copyright .text-content ul {
        flex-direction: column;
    }

    .journey-left .form-group {
        flex-direction: column;
    }

    .top-header .navbar-brand {
        width: 150px;
    }

    .navbar-light .navbar-toggler {
        top: -50px;
        padding-right: 0;
    }

    .top-header .list {
        padding-right: 40px;
    }

    .top-header .ban-list-inner {
        gap: 13px;
    }

    .blog-section .list-content .content {
        flex-direction: column;
        overflow: hidden;
    }

    .blog-section .list-content .content>img {
        border-radius: 16px 16px 24px 24px;
    }

    .blog-section .blog-content-thmb .text-content h2 {
        font-size: 25px;
        line-height: 37px;
    }
}
@media (max-width:413px) {
    .contact-left, .contact-right {
        padding: 15px;
    }
    .contact-social li a svg {
        max-width: 16px;
    }
    .contact-social ul{
        gap: 5px;
    }
    .contact-social li{
        font-size: 13px;
    }
    .contact-social li a {
        height: 33px;
        width: 33px;
    }
    .profile-main .product-heading h4{
        flex-direction: column;
        align-items: flex-start;
    }
    .profile-main .product-heading h4 span{
        margin:5px 0 0 0;
    }
    .product-heading .location span{
        margin-left: 0;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .rating-info{
        font-size: 15px;
    }
    .profile-main .location {
        margin-left: 10px;
        display: flex;
        align-items: center;
        gap: 4px;
    }
    .profile-btn {
        flex-direction: column;
    }
    .reviews-row {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    .review-pic{
        margin: auto;
    }
}