@media (min-width:768px) { 
 
    .navbar-nav > li:hover > .dropdown-menu{ display: block !important;}

}

@media (min-width:992px) { 
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ width:23.5%; margin-right:2%;}
	.woocommerce ul.products li.product:nth-child(4n+4), .woocommerce-page ul.products li.product:nth-child(4n+4){ margin-right:0px;}
	
}



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


}


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

    .navbar-nav > li{ padding: 0px 12px;} 
    .navbar-nav > li > a{ font-size: 15px;} 
    .slide-caption h1{ font-size: 65px;} 

    .lottery-winner{ margin-left: 0px;}

}

@media (min-width:768px) and (max-width:991px) { 
 
    .top-right{ margin-left: auto;} 

    .slide-caption h1{ font-size: 45px;} 
.slide-caption h1 sup{ font-size: 20px; left: 5px;} 
.slide-caption h1 span{ line-height: 50px; padding-bottom: 0px;}  
.slide-caption .font-20{ font-size: 18px;}  
.lottery-winner{ margin: 25px auto;} 



}

@media (max-width:991px) {

 .navbar-toggler {
        padding: 0px;
        border: none;
        outline: none;
        color: #000;
        box-shadow: none; position: relative; right: 0px; top: 1px;
      
    }

    .navbar-toggler:hover {
        color: #000;
    }

    .navbar-toggler:focus {
        border: none;
        outline: none;
        box-shadow: none;
    }

    .navbar-toggler img{ width: 16px;}

    #navbarCollapse {
        position: fixed;
        background: #27233c;
        width: 100%;
        z-index: 999;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        height: 100% !important;
        display: block !important;
        left: -100%;
        top: 0px; 
        overflow: auto;
    }

    #navbarCollapse.show {
        left: 0px;
    }

    .navbar-nav>li {
        margin: 0px 0px 15px;
        text-align: center;
    }

    .navbar-nav {
        margin-left: 0px !important;
    }

    /*================================12=07=2023======================================*/
    .navbar-collapse .navbar-toggler {
        position: relative;
        right: 0px;
        top: 0px;
        background: none;
        color: #fff;
        width: auto;
        height: auto;
        padding: 0px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
    }

    .navbar-collapse .logo_menu { padding-left: 20px; padding-right: 20px; border-bottom: 1px solid rgba(255, 255, 255, .3);
       
    }

    
    .navbar-nav>li>a {
        display: flex;
        align-items: center;
        border-radius: 0px !important; min-height: 58px;
        padding: 15px 0px !important; font-size: 15px;
      
        border-bottom: #000 1px solid;
        text-align: left;
        justify-content: inherit; 
    }

    .navbar-nav>li {
        width: 100%;
        margin: 0px;
        padding: 0px 20px !important; border-bottom: 1px solid rgba(255, 255, 255, .3); min-width: initial !important;
    }

    
.navbar-nav > li > a.active::before, .navbar-nav > li > a:hover::before, .navbar-nav > li > a:focus::before, .navbar-nav > li:hover > a::before{ bottom: -1px;}

    .navbar-nav > li > .dropdown-toggle::after{ right: 0px; top:10px; font-size: 22px;}

    .navbar-nav>li>.dropdown-menu {
      
        padding: 20px;
        border-radius: 20px;
        margin:5px 0px 15px !important;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease; background: #f5f5f5;
    } 

    .navbar-nav > li::after{ display: none;}

    .get-in-touch{ padding: 50px 0px; margin-bottom: 30px;} 
.get-in-touch::before{ top: 0px; bottom: 0px; left: -700px; right: -700px;}


}


@media (max-width:767px) {
  
.slide-caption{ text-align: center;}
.slide-caption h1{ font-size: 36px;} 
.slide-caption h1 sup{ font-size: 20px; left: 5px;} 
.slide-caption h1 span{ line-height: 50px; padding-bottom: 0px;} 
.slide-caption h1 span::before{ right: -10px;} 
.slide-caption .font-20{ font-size: 16px;} 
.top-right ul li{ margin-left: 10px;} 
.top-right ul li a{ font-size: 15px;} 

.title-1{ padding: 0px;} 
.upcoming-attraction-sec .center{ padding: 20px; margin-top: -20px !important;}
h2{ font-size: 30px;}
.title-1:before, .title-1:after{ display: none;} 
.b-after:before, .b-after:after{ display: none;} 
.b-after{ border-top: rgba(255, 255, 255, .2) 1px solid; padding-top: 35px; padding-bottom: 35px; border-bottom: rgba(255, 255, 255, .2) 1px solid;} 

.faq-sec .accordion-item .accordion-button{ font-size: 16px;} 
.font-18{ font-size: 15px;} .font-24{ font-size: 18px;} 

.l-r-ul li{ flex-wrap: wrap;} 
.l-r-ul li .s-l-cl-3{ padding-left: 20px !important;} 
.ticket-number-prize{ font-size: 16px;} 
.l-r-ul li .s-l-cl-2 .price-cl-1{ font-size: 40px;} 
.price-cl-1 sub, .l-r-ul li .s-l-cl-2 .price-cl-2{ font-size: 20px;}  
.lottery-winner{ margin-left: auto;} .lottery-winner::before{ display: none;} 

.r-peize-sec-2{ overflow: auto; height: 200px;} 

.first-prize{ flex-direction: column !important; text-align: center;} 
.header-l-result{ text-align: center;} 
.draw-number{ border-radius: 0.375rem !important; width: 100%; margin: 10px 0px 0px !important;} 
.seprater{ font-size: 0px !important; display: block; line-height: 14px;} 
.p-cl-1{ margin-right: 0px;} .long-arrow-p{ display: none;} 
.f-price-number{ padding-top: 15px; font-size: 30px;} 

.p-cl-2 .g-text{ font-size: 100px; line-height: 100px;} 
.p-cl-2 .font-48{ font-size: 30px;}

	.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ float:none;} 
	.single-product .blog_sec_wrap{ padding-left:0px !important; padding-right:0px !important;}
	#myCarousel .carousel-inner{padding-top: 30px;}
}