@media only screen and (min-width: 1920px) {
    .gazoom {
        left: 66%;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1919px) {
    .product {
        width: 18%;
    }
    .gazoom {
        left: 70%;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1399px) {
    .product {
        margin-bottom: 10px;
        min-height: 300px;
        width: 18%;
        margin: 0 2% 2% 0;
        border: 1px solid #e8e8e8;
        padding: 15px;
    }
    .gazoom {
        left: 56%;
        top: 76%;
    }
}

@media only screen and (min-width: 1170px) and (max-width: 1280px) {
    .product {
        margin-bottom: 10px;
        min-height: 300px;
        width: 18%;
        margin: 0 2% 2% 0;
        border: 1px solid #e8e8e8;
        padding: 15px;
    }
}

@media only screen and (min-width: 980px) and (max-width: 1169px) {
    .video-play-button span {
        left: 45%;
    }
    .product {
        width: 23%;
    }
    .gazoom {
        left: 63%;
        top: 78%;
    }
    .logo {
        height: 81px;
        margin-top: 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .header-area .main-nav .nav {
        width: 100%;
        margin-left: 170px;
    }
    .header-area .main-nav .nav li a {
        text-align: start;
        font-size: 11px;
    }
    .video-play-button:after {
        width: 60px;
        height: 60px;
    }
    .video-play-button span {
        left: 43%;
    }
    .logo {
        padding: 10px 0 0 0;
        height: 60px;
        margin-top: 20px;
    }
    .header-area .main-nav .nav li.has-sub ul.sub-menu{
        top: 41px;  
    }
    .product {
        width: 31%;
    }
    .gazoom {
        left: 63%;
        top: 78%;
    }
    .event span {
        width: 100%;
        display: inline;
        float: left;
        display: flex;
        gap: 15px;
    }
}

@media only screen and (min-width: 520px) and (max-width: 767px) {
    .donate-modal-dilog {
        min-width: 0px;
        display: flex;
        justify-content: center;
    }

    .donate-modal-dilog p {
        color: #2a2a2a;
        line-height: 20px !important;
    }

    .header-area .main-nav .nav li a {
        text-align: center !important;
    }

    .video-play-button:after {
        width: 60px !important;
        height: 60px !important;
    }

    .video-play-button span {
        left: 45% !important;
        top: 44% !important;
    }

    .object a {
        display: block !important;
        text-align: center !important;
        width: 57% !important;
    }

    .section-heading h2 {
        text-align: center !important;
        padding-bottom: 5px !important;
    }

    .object a {
        text-align: center !important;
        display: block !important;
        width: 72% !important;
        margin: 0 auto;
    }

    hr {
        margin-left: 36%;
    }

    .maincontent h3 {
        text-align: center;
    }


    .galery .owl-nav .owl-prev:before {
        top: 362px;
        right: 144px;
        position: relative;
    }

    .galery .owl-nav .owl-next:before {
        position: relative;
        top: 362px;
        right: 152px;
    }

    .donate {
        height: 65px;
        width: 65px;
    }

    .modal-body {
        background: #fff !important;
    }

    .copyright p {
        margin: 0px !important;
    }

    .header-area .logo {
        top: 10px;
    }

    .product {
        width: 100% !important;
    }

    .event img {
        width: 100%;
    }

    .event span {
        margin-top: 10px;
        width: 100%;
    }

    .footer p {
        color: #fff;
        text-align: center;
    }
    .section-heading h3{
        text-align: center;
    }
    .gazoom {
        position: absolute;
        left: 77%;
    }
    .product {
        width: 100% !important;
    }
}

@media only screen and (min-width: 420px) and (max-width: 519px) {
    .donate-modal-dilog {
        min-width: 0px;
        display: flex;
        justify-content: center;
    }

    .donate-modal-dilog p {
        color: #2a2a2a;
        line-height: 20px !important;
    }

    .header-area .main-nav .nav li a {
        text-align: center !important;
    }

    .video-play-button:after {
        width: 60px !important;
        height: 60px !important;
    }

    .video-play-button span {
        left: 45% !important;
        top: 44% !important;
    }

    .object a {
        display: block !important;
        text-align: center !important;
        width: 57% !important;
    }

    .section-heading h2 {
        text-align: center !important;
        padding-bottom: 5px !important;
    }

    .object a {
        text-align: center !important;
        display: block !important;
        width: 72% !important;
        margin: 0 auto;
    }

    hr {
        margin-left: 36%;
    }

    .maincontent h3 {
        text-align: center;
    }


    .galery .owl-nav .owl-prev:before {
        top: 362px;
        right: 144px;
        position: relative;
    }

    .galery .owl-nav .owl-next:before {
        position: relative;
        top: 362px;
        right: 152px;
    }

    .donate {
        height: 65px;
        width: 65px;
    }

    .modal-body {
        background: #fff !important;
    }

    .copyright p {
        margin: 0px !important;
    }

    .header-area .logo {
        top: 10px;
    }

    .product {
        width: 100% !important;
    }

    .event img {
        width: 100%;
    }

    .event span {
        margin-top: 10px;
        width: 100%;
    }

    .footer p {
        color: #fff;
        text-align: center;
    }
    .section-heading h3{
        text-align: center;
    }
    .gazoom {
        position: absolute;
        left: 77%;
    }
    .product {
        width: 100% !important;
    }
}

@media only screen and (min-width: 360px) and (max-width: 419px) {
    .donate-modal-dilog {
        min-width: 0px;
        display: flex;
        justify-content: center;
    }

    .donate-modal-dilog p {
        color: #2a2a2a;
        line-height: 20px !important;
    }

    .header-area .main-nav .nav li a {
        text-align: center !important;
    }

    .video-play-button:after {
        width: 60px !important;
        height: 60px !important;
    }

    .video-play-button span {
        left: 45% !important;
        top: 44% !important;
    }

    .object a {
        display: block !important;
        text-align: center !important;
        width: 57% !important;
    }

    .section-heading h2 {
        text-align: center !important;
        padding-bottom: 5px !important;
    }

    .object a {
        text-align: center !important;
        display: block !important;
        width: 72% !important;
        margin: 0 auto;
    }

    hr {
        margin-left: 35%;
    }

    .maincontent h3 {
        text-align: center;
    }


    .galery .owl-nav .owl-prev:before {
        top: 362px;
        right: 132px;
        position: relative;
    }

    .galery .owl-nav .owl-next:before {
        position: relative;
        top: 362px;
        right: 133px;
    }

    .donate {
        height: 65px;
        width: 65px;
    }

    .modal-body {
        background: #fff !important;
    }

    .copyright p {
        margin: 0px !important;
    }

    .header-area .logo {
        top: 10px;
    }

    .product {
        width: 100% !important;
    }

    .event img {
        width: 100%;
    }

    .event span {
        margin-top: 10px;
        width: 100%;
    }

    .footer p {
        color: #fff;
        text-align: center;
    }
    .section-heading h3{
        text-align: center;
    }
    .gazoom {
        position: absolute;
        left: 75%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
    .donate-modal-dilog {
        min-width: 0px;
        display: flex;
        justify-content: center;
    }

    .donate-modal-dilog p {
        color: #2a2a2a;
        line-height: 20px !important;
    }
    .section-heading h3{
        text-align: center;
    }
    .header-area .main-nav .nav li a {
        text-align: center !important;
    }

    .video-play-button:after {
        width: 60px !important;
        height: 60px !important;
    }

    .video-play-button span {
        left: 45% !important;
        top: 44% !important;
    }

    .object a {
        display: block !important;
        text-align: center !important;
        width: 57% !important;
    }

    .section-heading h2 {
        text-align: center !important;
        padding-bottom: 5px !important;
    }

    .object a {
        text-align: center !important;
        display: block !important;
        width: 72% !important;
        margin: 0 auto;
    }

    hr {
        margin-left: 27%;
    }

    .maincontent h3 {
        text-align: center;
    }


    .galery .owl-nav .owl-prev:before {
        top: 362px;
        right: 110px;
        position: relative;
    }

    .galery .owl-nav .owl-next:before {
        position: relative;
        top: 362px;
        right: 121px;
    }

    .donate {
        height: 65px;
        width: 65px;
    }

    .modal-body {
        background: #fff !important;
    }

    .copyright p {
        margin: 0px !important;
    }

    .header-area .logo {
        top: 10px;
    }

    .product {
        width: 100% !important;
    }

    .event img {
        width: 100%;
    }

    .event span {
        margin-top: 10px;
        width: 100%;
    }

    .footer p {
        color: #fff;
        text-align: start;
    }
}