@media screen and (min-width: 991px) {



  }

  @media screen and (max-width: 1600px) {
    .slider-style{height: 640px;}
  }
  @media screen and (max-width: 1399px) {

    header .header-top .main-menu .main-inner-menu nav .header-main li .list-item{font-size: 14px;}

    header .header-top .main-menu .main-inner-menu nav .header-main{padding-left: 10px;}

    header .header-top .main-menu .main-inner-menu nav .header-main li{padding: 0 6px;}

    header .header-top .social-right li{padding: 0 5px;}
    header .header-top .social-right li .theme-btn{padding: 6px 10px;}
    header .header-top .main-menu .main-inner-menu nav .header-main li .dropdown-toggle::after{height: 18px;width: 18px;top: 24px;}

    header .header-top .social-right{padding-left: 0;}

    main .main-banner .owl-item.active .slide-text{max-width: 550px;}

    main .slider-style .slide-title h2{font-size: 35px;}
    .slider-style .slide-text p{font-size: 16px;}

    .title-wrap .sub-title::before{left: 5%;}

    .title-wrap .sub-title::after{right: 5%;}

    .title-wrap .sub-title .subtitle-dots::before{left: 22%;}

    .title-wrap .sub-title .subtitle-dots::after{right: 22%;}

    main .our-story .title-wrap .sub-title::before{left: -21%;}

    main .our-story .title-wrap .sub-title::after{right: -21%;}

    main .story-section{padding-bottom: 0 !important;}



    main .photos-videos-page .title-wrap .sub-title::before{left: 10%;}

    main .photos-videos-page .title-wrap .sub-title::after{right: 10%;}

    main .photos-videos-page .title-wrap .sub-title .subtitle-dots::before{left: 27%;}

    main .photos-videos-page .title-wrap .sub-title .subtitle-dots::after{right: 27%;}

    .slider-style {height: 560px;}

    main .photos-videos .photovideo-section .card .tab-content .photo-main::before{width: 225px;height: 202px;}

    main .photos-videos .photovideo-section .card .tab-content .video-main::before, main .photos-videos-page .photovideo-section .card .tab-content .video-main::before{width: 225px;height: 202px;}

    main .venue-main .title-wrap .sub-title::before{left: 22%;}

    main .venue-main .title-wrap .sub-title::after{right: 22%;}



    main .rsvp-main .title-wrap .sub-title::before{left: 6%;}

    main .rsvp-main .title-wrap .sub-title::after{right: 6%;}



    main .events-main .title-wrap .sub-title::before{left: -6%;}

    main .events-main .title-wrap .sub-title::after{right: -6%;}

    

    .rsvp-section{padding-bottom: 0px !important;}

    

  }

  @media screen and (max-width: 1366px) {

    .main-banner .slide-inner{height: auto;}

  }

  @media screen and (min-width: 1300px) and (max-width: 1500px){

   

  }

  @media screen and (min-width: 1024px) and (max-width: 1299px){

   

  }

  @media screen and (max-width: 1250px){

    main .main-banner .owl-item.active .slide-text{top: 30%;}

    main .slider-style .slide-title h2{font-size: 35px;}
    .slider-style .slide-text p{font-size: 15px;}

    .title-wrap .sub-title{font-size: 42px;}

    main .about-bridegroom .about-section .left-img img, main .about-us .about-section .left-img img{max-width: 700px;}

    
    main .invitation-main .title-wrap .page-title{font-size: 35px;}
    main .our-story-banner .slide-text h2{font-size: 35px;}
    main .our-story-banner .slide-text p{font-size: 16px;}

    .slider-style {height: 500px;}
  }

  @media screen and (max-width:1200px) {

    .title-wrap .sub-title .subtitle-dots::before{left: 19%;}

    .title-wrap .sub-title .subtitle-dots::after{right: 19%;}

    main .events-main .title-wrap .sub-title::before{left: -4%;}

    main .events-main .title-wrap .sub-title::after{right: -4%;}

    main .events-main .title-wrap .sub-title .subtitle-dots::before{left: 27%;}

    main .events-main .title-wrap .sub-title .subtitle-dots::after{right: 27%;}

    main .photos-videos-page .title-wrap .sub-title .subtitle-dots::before{left: 24%;}

    main .photos-videos-page .title-wrap .sub-title .subtitle-dots::after{right: 24%;}

    main .venue-main .title-wrap .sub-title .subtitle-dots::before{left: 36%;}

    main .venue-main .title-wrap .sub-title .subtitle-dots::after{right: 36%;}



    main .rsvp-main .title-wrap .sub-title::before{left: 8%;}

    main .rsvp-main .title-wrap .sub-title::after{right: 8%;}



    main .rsvp-main .title-wrap .sub-title .subtitle-dots::before{left: 35%;}

    main .rsvp-main .title-wrap .sub-title .subtitle-dots::after{right: 35%;}



    main .venue-main .title-wrap .sub-title::before{left: 19%;}

    main .venue-main .title-wrap .sub-title::after{right: 19%;}



    main .photos-videos-page .title-wrap .sub-title::before{left: 7%;}

    main .photos-videos-page .title-wrap .sub-title::after{right: 7%;}



    .title-wrap .sub-title::before{left: 2%;}

    .title-wrap .sub-title::after{right: 2%;}
    

  }

  @media screen and (max-width:1199px){

    .mob-main-menu{display: block;padding: 10px 0;}
    .sticky .mob-main-menu{padding: 10px 0;}

    .main-head-menu{display: none;}

    header .header-top.sticky .mob-main-menu .mainMenu{height: 100vh;}

    header .header-top.sticky{padding: 10px 0 !important;}
    header .header-top.sticky .mob-main-menu .menuBtn{top: 30%;}

    .mob-main-menu .menuBtn {height: 30px; width: 30px;position: absolute;right: 10%;top: 2.3%;z-index: 101;}

    .mob-main-menu .menuBtn > span {background-color: var(--themecolor);border-radius: 1px;height: 2px;width: 100%;position: absolute;left: 50%;top: 50%; margin: -1px 0 0 -15px;transition: height 100ms;}

    .mob-main-menu .menuBtn > span:after, .mob-main-menu .menuBtn > span:before {content: '';background-color: var(--themecolor);border-radius: 1px;height: 2px;width: 100%;position: absolute;left: 50%;margin-left: -15px;transition: all 200ms;}

    .mob-main-menu .menuBtn > span:after {top: -7px;}

    .mob-main-menu .menuBtn > span:before {bottom: -7px;}

    .mob-main-menu .menuBtn.act > span {height: 0;}

    .mob-main-menu .menuBtn.act > span:after, .mob-main-menu .menuBtn.act > span:before {background-color: var(--themecolor);top: 1px;}

    .mob-main-menu .menuBtn.act > span:after {transform: rotate(45deg);}

    .mob-main-menu .menuBtn.act > span:before {transform: rotate(-45deg);}

    /* main menu block */

    .mob-main-menu .mainMenu {background-color: #fff;position: absolute;left: 0;top: 0; z-index: 100;height: 100%; width: 100%;text-align: center;opacity: 0;transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);transform: scale(0);right: 0;margin: 0 auto;}

    .mob-main-menu .mainMenu.act {opacity: 1;transform: scale(1);}

    .mob-main-menu .mainMenu.act ul li {opacity: 1;transform: translateX(0);}

    .mob-main-menu .mainMenu ul {vertical-align: middle;position: absolute;left: 0;right: 0;margin: 0 auto;top: 10%;padding-left: 0;}

    .mob-main-menu .mainMenu li {padding: 8px 0;transition: all 400ms 510ms;opacity: 0;}

    .mob-main-menu .mainMenu li:nth-child(odd) {transform: translateX(30%);}

    .mob-main-menu .mainMenu li:nth-child(even) {transform: translateX(-30%);}

    .mob-main-menu .mainMenu li:last-child {transform: none;}

    .mob-main-menu .mainMenu a {color: var(--themecolor);display: inline-block;font-size: 35px;margin: 0 0 30px;}

    .mob-main-menu .mainMenu a.suBtn {color: #fff;}

    main .photos-videos-banner .slide-text h2{font-size: 40px;}
    

  }

  @media screen and (max-width:1150px){



    main .about-bridegroom .title-wrap .sub-title .subtitle-dots::before{left: 22%;}

    main .about-bridegroom .title-wrap .sub-title .subtitle-dots::after{right: 22%;}

    main .photos-videos-page .title-wrap .sub-title .subtitle-dots::before{left: 27%;}

    main .photos-videos-page .title-wrap .sub-title .subtitle-dots::after{right: 27%;}

    main .venue-main .title-wrap .sub-title::before{left: 15%;}

    main .venue-main .title-wrap .sub-title::after{right: 15%;}

    main .venue-main .title-wrap .sub-title .subtitle-dots::before{left: 35%;}

    main .venue-main .title-wrap .sub-title .subtitle-dots::after{right: 35%;}
    .slider-style {height: 460px;}

  }

  @media screen and (max-width:1024px){

  

  }

  @media screen and (max-width: 991px){

    .title-wrap .sub-title{font-size: 35px;}

    .title-wrap .sub-title::before{width: 180px;left: -8%;}

    .title-wrap .sub-title::after{width: 180px;right: -8%;}

    .title-wrap .sub-title .subtitle-dots::before{left: 16%;}

    .title-wrap .sub-title .subtitle-dots::after{right: 16%;}

    main .about-bridegroom .about-section .left-img img, main .about-us .about-section .left-img{max-width: 500px;}

    main .our-story .title-wrap .sub-title .subtitle-dots::before{left: 10%;}

    main .our-story .title-wrap .sub-title .subtitle-dots::after{right: 10%;}

    main .photos-videos-page .title-wrap .sub-title::before{left: 0%;}

    main .photos-videos-page .title-wrap .sub-title::after{right: 0%;}

    main .photos-videos-page .title-wrap .sub-title .subtitle-dots::before{left: 24%;}

    main .photos-videos-page .title-wrap .sub-title .subtitle-dots::after{right: 24%;}

    main .photos-videos .photovideo-section .card .tab-content .photo-main::before{display: none;}

    main .photos-videos .photovideo-section .card .tab-content .video-main::before, main .photos-videos-page .photovideo-section .card .tab-content .video-main::before{display: none;}

    main .venue-main .title-wrap .sub-title::before{left: 10%;}

    main .venue-main .title-wrap .sub-title::after{right: 10%;}

    main .venue-main .title-wrap .sub-title .subtitle-dots::before{left: 35%;}

    main .venue-main .title-wrap .sub-title .subtitle-dots::after{right: 35%;}

    main .our-story .story-section .inner-content .sw__story-book-shep-main{display: none;}

    main .venue-main .venue-section .venue-box .venue-content .left-location{height: 45px;width: 80px;}

    main .venue-main .venue-section .venue-box .venue-content .right-address .desc{font-size: 15px;}

    main .venue-main .venue-section .venue-box .venue-content .left-location{margin-right: 10px;}

    main .venue-main .venue-section .venue-box .venue-content .right-address .title{font-size: 17px;}

    main .venue-main .venue-section .venue-box .venue-content .right-address .desc{line-height: 22px;}

    main .photos-videos-banner .slide-text h2{font-size: 30px;}

    main .rsvp-main .title-wrap .sub-title::before{left: 10%;}

    main .rsvp-main .title-wrap .sub-title::after{right: 10%;}

    main .events-main .title-wrap .sub-title::before{left: 0%;}

    main .events-main .title-wrap .sub-title::after{right: 0%;}

    main .events-main .event-section .events-box .events-content .title{font-size: 17px;}

    main .main-banner .owl-carousel .owl-nav{top: 35%;}

    main .about-bridegroom .about-section .right-content::before, main .about-us .about-section .right-content::before{display: none;}

    main .about-bridegroom .about-section .right-content::after, main .about-us .about-section .right-content::after{display: none;}

    main .photos-videos-page{padding-bottom: 0;}

    main .about-bridegroom .title-wrap .sub-title .subtitle-dots::before{left: 16%;}

    main .about-bridegroom .title-wrap .sub-title .subtitle-dots::after{right: 16%;}

    .sec-padding{padding: 50px 0;}

    main .invitation-main .title-wrap .page-title{font-size: 30px;}
    main .our-story-banner .slide-text h2{font-size: 30px;}

    main .our-story .story-section .inner-content .section-img{padding: 30px 60px 30px 60px;}

    main .our-story .story-section .inner-content .section-right {padding: 0 40px 30px 40px;}

    main .about-bridegroom .about-section .left-img, main .about-bridegroom .about-section .groom-section .left-img{margin-right: 0;}
    main .about-bridegroom .about-section .left-img img{max-width: 100%;}
    main .about-bridegroom .about-section .right-content{max-width: 100%;}
    main .slider-style .slide-title h2{font-size: 26px;letter-spacing: 1.5px;}
    .slider-style .container{top: 25%;}

    .slider-style {height: 395px;}

    main .about-bridegroom .about-section .right-content .description{font-size: 15px;line-height: 26px;}
  }

  @media screen and (max-width: 800px){

    main .main-banner .owl-item.active .slide-text{max-width: 400px;top: 15%;}

    .title-wrap .sub-title::before{width: 130px;left: 0%;}

    .title-wrap .sub-title::after{width: 130px;right: 0%;}

    main .our-story .story-section .inner-content .title{font-size: 35px;}

    main .our-story .title-wrap .sub-title .subtitle-dots::before{left: 22%;}

    main .our-story .title-wrap .sub-title .subtitle-dots::after{right: 22%;}

    main .our-story .title-wrap .sub-title::before{left: 0%;}

    main .our-story .title-wrap .sub-title::after{right: 0%;}

    main .photos-videos-page .title-wrap .sub-title .subtitle-dots::before{left: 18%;}

    main .photos-videos-page .title-wrap .sub-title .subtitle-dots::after{right: 18%;}

    main .venue-main .title-wrap .sub-title .subtitle-dots::before{left: 28%;}

    main .venue-main .title-wrap .sub-title .subtitle-dots::after{right: 28%;}

    main .rsvp-main .title-wrap .sub-title .subtitle-dots::before{left: 28%;}

    main .rsvp-main .title-wrap .sub-title .subtitle-dots::after{right: 28%;}

    main .events-main .title-wrap .sub-title .subtitle-dots::before{left: 20%;}

    main .events-main .title-wrap .sub-title .subtitle-dots::after{right: 20%;}

    .slider-style {height: 320px;}
    .slider-style .slide-text p {font-size: 14px; line-height: 24px;}

    main .photos-videos-banner .slide-text h2{font-size: 25px;letter-spacing: 1px;}
  }

  

  @media screen and (max-width:768px){


    main .events-main .title-wrap .sub-title::before{left: 10%;}
    
    main .events-main .title-wrap .sub-title::after{right: 10%;}

    main .our-story .title-wrap .sub-title .subtitle-dots::before{left: 22%;}

    main .our-story .title-wrap .sub-title .subtitle-dots::after{right: 22%;}

    main .photos-videos-page .title-wrap .sub-title .subtitle-dots::before{left: 18%;}

    main .photos-videos-page .title-wrap .sub-title .subtitle-dots::after{right: 18%;}

    main .rsvp-main .title-wrap .sub-title .subtitle-dots::before{left: 28%;}

    main .rsvp-main .title-wrap .sub-title .subtitle-dots::after{right: 28%;}

    main .venue-main .title-wrap .sub-title .subtitle-dots::before{left: 28%;}

    main .venue-main .title-wrap .sub-title .subtitle-dots::after{right: 28%;}

    main .events-main .title-wrap .sub-title .subtitle-dots::before {left: 29%;}

    main .events-main .title-wrap .sub-title .subtitle-dots::after {right: 29%;}

    main .about-banner .slide-text h2{margin-bottom: 10px;}

    main .about-banner .slide-text{margin: 0 15px;max-width: 100%;left: 0;}
    main .photos-videos-banner .slide-text p, main .our-story-banner .slide-text p{font-size: 15px;}

 

    }

    @media screen and (max-width:767px){

      main .my-account .account-block .content{margin-left: 0;}
      main .my-account .account-block .sidebar{position: unset;width: 100%;}

    }
    @media screen and (max-width:750px){

      main .about-bridegroom .about-section .groom-section .left-img, main .about-us .about-section .groom-section .left-img{margin-left: 0;}

      main .about-bridegroom .about-section .left-img img, main .about-us .about-section .left-img img{max-width: 100%;}

      main .about-bridegroom .title-wrap .sub-title::before{width: 120px;left: -15%;}

      main .about-bridegroom .title-wrap .sub-title::after{width: 120px;right: -15%;}

      main .about-bridegroom .title-wrap .sub-title .subtitle-dots::before{left: 7%;}

      main .about-bridegroom .title-wrap .sub-title .subtitle-dots::after{right: 7%;}

      main .our-story .title-wrap .sub-title::before{left: 3%;}

      main .our-story .title-wrap .sub-title::after{right: 3%;}

      main .photos-videos-page .title-wrap .sub-title::before{left: -8%;}

      main .photos-videos-page .title-wrap .sub-title::after{right: -8%;}

      main .photos-videos-page .title-wrap .sub-title .subtitle-dots::before{left: 16%;}

      main .photos-videos-page .title-wrap .sub-title .subtitle-dots::after{right: 16%;}

      main .photos-videos .photovideo-section .card .tab-content .photo-main::before{width: 430px;height: 280px;}

      main .photos-videos .photovideo-section .card .tab-content .video-main::before, main .photos-videos-page .photovideo-section .card .tab-content .video-main::before{width: 430px;height: 390px;}

      main .photos-videos-page .photovideo-section .card .grid-item--width2{width: auto;}

      main .about-bridegroom .about-section .left-img{width: inherit;}

      main .our-story .title-wrap .sub-title .subtitle-dots::before{left: 26%;}

      main .our-story .title-wrap .sub-title .subtitle-dots::after{right: 26%;}

      .title-wrap .sub-title{font-size: 30px;}

      main .about-bridegroom .groom-section{padding: 20px 0;}

      main .venue-main .title-wrap .sub-title::before {left: 4%;}

      main .venue-main .title-wrap .sub-title::after {right: 4%;}

      main .venue-main .venue-section .venue-box .venue-content .left-location{width: 45px;}

      main .rsvp-main .title-wrap .sub-title::before{left: 4%;}

      main .rsvp-main .title-wrap .sub-title::after{right: 4%;}

      main .events-main .title-wrap .sub-title::before{left: 6%;}

      main .events-main .title-wrap .sub-title::after{right: 6%;}

      main .about-bridegroom .about-section .right-content .description{font-size: 14px;line-height: 26px;}

      footer{flex-wrap: wrap;justify-content: center;}
      main .events-main .event-section .events-box .events-content .event-date{line-height: 20px;font-size: 14px;font-weight: 400;}
      main .events-main .event-section .events-box .events-content .event-date img{right: 0 !important;}

      
    footer .page-list li .list-item{font-size: 15px;}
    footer .page-list li{margin-bottom: 8px;}
   
    }

  @media screen and (max-width:600px) {

    .title-wrap .sub-title::before, .title-wrap .sub-title::after, .title-wrap .sub-title .subtitle-dots::before, .title-wrap .sub-title .subtitle-dots::after{display: none}

    main .about-bridegroom .about-section .left-img, main .about-us .about-section .left-img{margin-right: 0;}

    main .about-bridegroom .about-section .left-img img, main .about-us .about-section .left-img img{max-width: 100%;}

    main .about-bridegroom .about-section .groom-section .left-img, main .about-us .about-section .groom-section .left-img{margin-left: 0;}

    main .photos-videos .photovideo-section .card .tab-content .photo-main::before{width: 430px;height: 390px;}

    main .photos-videos .photovideo-section .card .tab-content .video-main::before, main .photos-videos-page .photovideo-section .card .tab-content .video-main::before{width: 430px;height: 390px;}

    main .venue-main .venue-section .venue-box .venue-content .left-location{height: 40px;width: 42px;line-height: 38px;}

    main .events-main .event-section .events-box{display: block;}

    main .events-main .event-section .events-box .event-img img{max-width: 100%;}

    main .events-main .event-section .events-box .event-img{margin-right: 0;margin-bottom: 30px;}

    main .about-banner .slide-text{max-width: 400px;top: 30%;}

    main .about-banner .slide-text h2{font-size: 22px;margin-bottom: 5px;}
    main .photos-videos-banner .slide-text p, main .our-story-banner .slide-text p {margin-bottom: 0;font-size: 14px;line-height: 24px;}

    main .about-bridegroom .about-section .left-img img, main .about-us .about-section .left-img{max-width: 100%;}

    main .about-us{padding-top: 0;}

    main .photos-videos-page .photovideo-section .card .navigation .filter-button-group a.nav-items{padding: 10px 10px;margin: 0 6px;font-size: 14px;}

    main .main-banner .swiper-button-prev, main .main-banner .swiper-button-next{height: 40px;width: 40px;font-size: 14px !important;}

    /* .slider-style .slide-title, .slider-style .slide-text, .slider-style .slide-btns{padding: 0 50px;} */

    main .main-banner{height: 240px;}

    .slider-style .container{top: 15%;max-width: 520px;left: 6%;}
    main .slider-style .slide-title h2{font-size: 22px;line-height: 28px;}
    .slider-style .slide-text p {font-size: 14px;line-height: 22px;}
    .swiper-slide{height: auto;}

    /* .main-banner .slide-inner{height: auto;min-height: 450px;} */

    
    main .our-story .story-section .inner-content .title{font-size: 25px;}
    main .our-story .story-section .inner-content .title::after{left: 0;right: 0;margin-left: auto;margin-right: auto;}

    main .photos-videos-page .photovideo-section .card .navigation .filter-button-group span.left, span.right{left: 5px;}
    main .photos-videos-page .photovideo-section .card .navigation .filter-button-group span.right{right: 5px;}
    main .photos-videos-page .photovideo-section .card .navigation .filter-button-group .navigation-tabs{justify-content: center;}
    main .photos-videos-page .photovideo-section .card .navigation .filter-button-group{justify-content: center !important;}

    main .our-story .our-story-design .ourstory-content .title{font-size: 25px;line-height: 34px;}
    main .our-story .our-story-design .ourstory-content .right-desc{font-size: 14px;margin-bottom: 10px;line-height: 25px;}

    main .our-story .our-story-design .ourstory-content{  padding: 20px 20px;}


    }

  @media screen and (max-width:550px){

    main .photos-videos .photovideo-section .card .tab-content .photo-main::before{width: 440px;height: 400px;}
    main .slide-bg-image1{padding-top: 50%;}
    main .slide-bg-image2{padding-top: 50%;}
    main .slide-bg-image3{padding-top: 50%;}
    .main-banner .swiper-container{height: 280px;}
    main .main-banner {height: 280px;}

    main .about-bridegroom .about-section .right-content .description, main .about-us .about-section .right-content .description{font-size: 14px;line-height: 26px;}

  }

  @media screen and (max-width:420px){

    main .main-banner .img1{min-height: 300px;}

    main .main-banner .img2{min-height: 300px;}

    main .main-banner .img3{min-height: 300px;}

    main .slider-style .slide-title h2{font-size: 20px;}

    main .main-banner .owl-carousel .owl-nav{top: 32%;}

    .title-wrap .sub-title{font-size: 28px;}

    .title-wrap .section-title{font-size: 15px;}

    main .about-bridegroom, main .about-us{padding: 50px 0;}

    main .our-story{padding: 50px 0;}

    main .about-bridegroom .couple-section, main .about-us .couple-section{padding-top: 20px;}

    main .our-story .story-section .inner-content .right-desc{font-size: 15px;}

    main .photos-videos .photovideo-section .card .tab-content .photo-main::before{width: 310px;height: 280px;}

    main .photos-videos .photovideo-section .card .tab-content .video-main::before, main .photos-videos-page .photovideo-section .card .tab-content .video-main::before{width: 310px;height: 280px;}

    main .venue-main .venue-section .venue-box .venue-content .left-location{height: 40px;width: 50px;}

    main .rsvp-main .rsvp-section .form-main{padding: 15px;}

    main .rsvp-main .rsvp-section .form-main label{font-size: 14px;line-height: 24px;}

    main .about-bridegroom .about-section .right-content .description, main .about-us .about-section .right-content .description{font-size: 16px;}

    main .about-banner .slide-text{max-width: 350px;top: 20%;left: 0;}

    main .about-banner .slide-text h2 {font-size: 22px;letter-spacing: 1px;margin-bottom: 5px;}

    main .about-banner .slide-text p {font-size: 14px;line-height: 24px;margin-bottom: 0;}

    main .about-us .about-section{margin-top: 0;}

    main .contact-us-page .contact-title{font-size: 22px;}

    main .photos-videos-page .photovideo-section .card .navigation .filter-button-group a.nav-items{padding: 10px 5px;margin: 0 5px;font-size: 14px;}

    main .main-banner .swiper-button-prev, main .main-banner .swiper-button-next{height: 30px;width: 30px;font-size: 14px !important;}
    
    .sec-padding {padding: 20px 0;}

    main .my-account .account-block .content{padding: 15px 6px;}

    main .slide-bg-image1{padding-top: 55%;}
    main .slide-bg-image2{padding-top: 55%;}
    main .slide-bg-image3{padding-top: 55%;}

    main .slider-style .slide-title h2 {font-size: 16px;margin-bottom: 5px;line-height: 26px;}

    .slider-style .slide-title, .slider-style .slide-text, .slider-style .slide-btns{max-width: 100%;}

    .slider-style .slide-text p {font-size: 13px;line-height: 22px;margin-bottom: 5px;}

    .theme-btn{padding: 5px 10px;line-height: 20px;}


    .slider-style .container{top: 12%;left: 0;max-width: 380px;}

    main .photos-videos-page .photovideo-section .card .nav-tabs{flex-wrap: nowrap;}

    main .our-story .story-section-images{margin: 10px 0;}

    footer .description{font-size: 15px;}

    main .photos-videos-page .photovideo-section .card .navigation .filter-button-group span.left, span.right{left: 0;}
    main .photos-videos-page .photovideo-section .card .navigation .filter-button-group span.right{right: 0;}
    }



  @media screen and (max-width:375px){

    main .story-section{padding-top: 50px;}

    main .our-story .story-section .inner-content .title{font-size: 30px;}

    main .photos-videos .photovideo-section .card .nav-tabs .nav-link{padding: 0.5rem 2rem;font-size: 13px;}

    main .photos-videos .photovideo-section .card .tab-content .photo-main::before{width: 265px;height: 240px;}

    main .photos-videos .photovideo-section .card .tab-content .video-main::before, main .photos-videos-page .photovideo-section .card .tab-content .video-main::before{width: 265px;height: 240px;}

    main .rsvp-main .rsvp-section .form-main .title{font-size: 20px;}

    main .rsvp-main .rsvp-section .form-main{padding: 10px;}

    main .rsvp-main .rsvp-section .form-main label{font-size: 13px;}

    main .rsvp-main .rsvp-section .form-main .contact-form .input-text{font-size: 14px;}

    main .events-main .event-section .events-box .events-content .desc{font-size: 14px;}

    footer .description{font-size: 14px;}

    .mob-main-menu .mainMenu a{font-size: 28px;margin: 0 0 20px;}

    main .photos-videos-page .photovideo-section .card .nav-tabs .nav-link{padding: 0.7rem 2rem;font-size: 16px;}

    .slider-style .slide-title, .slider-style .slide-text, .slider-style .slide-btns{padding: 0 30px;}

    

    }

  @media screen and (max-width:360px){

    main .photos-videos .photovideo-section .card .tab-content .video-main::before, main .photos-videos-page .photovideo-section .card .tab-content .video-main::before{width: 250px;height: 228px;}

    .slider-style .slide-text p{font-size: 13px;line-height: 22px;}

  }

  @media screen and (max-width:320px) {

    main .about-banner .slide-text h2{font-size: 22px;}

    main .about-banner .about-section{padding-top: 55%;}

    main .photos-videos-page .photovideo-section .card .nav-tabs .nav-link{padding: 0.5rem 1.6rem;font-size: 13px;}

    .main-banner .slide-inner{min-height: 390px;}

   

  }

  

  @media screen and (max-width:310px){

 

  }