@media(min-width: 320px) and (max-width:567px){
.banner-btn {
    margin-top: 5px;
}
#alert .alert {
    min-width: auto;
    position: relative;
    margin-bottom: 15px;   
}
#addonProductPopup .modal-dialog .close, #addonProductPopup .modal-dialog .close:hover {
    right: -5px;
    top: 5px;
}
.btn-light {
    font-size: 14px;    
    padding: 12px 10px;  
}
	/* 17-10-2023 */
    .brand-post img {
        width: 150px;
    }
	/* 17-10-2023 */
	.hero-section-banner h2 {
	font-size: 30px;

}
/*
.filter-slider {
	min-width: 100%;	
}
*/
.filter-btn {
	min-width: 100%;
	margin-left: 0px;
}
.fillter-mainsection {
	display: block;	
}
.menu a {
    font-size: 16px !important;
}
.menu span {
    color: #fff;
    font-size: 16px;
}
#welcomePopup .close {
	margin-top: -15px !important;
	margin-right: -15px;
	border-radius: 3px;
}
#welcomePopup .modal-dialog
{
	margin-top:50px;
}
}
@media(min-width:568px) and (max-width:767px){
	.hero-section-banner h2 {
	font-size: 48px;
	font-weight: 700;
	color: #FFFFFF;
	position: relative;
}
}
@media (min-width: 768px) {
  #addonProductPopup .modal-dialog {
    max-width: 800px;
    width: 100%;
  }
	

	
}

@media(min-width: 320px) and (max-width:767px){
.mob-collection-mothed
{
	display:none;
} 
.mob-payment-method
{
	display:none;
}
.mob-confirm
{
	display:none;
}

.cart-page h1 {
    font-size: 30px;    
}
.ship-mtd {
    width: 100%;
    margin-top: 15px;
}

.addon
{
	text-align:center;
}
.cart-page h2 {
    font-size: 22px;    
}
.filter-slider ul {   
    text-align: center;
}
		.dpflx {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px 10px !important;
}
/****10-26-2023***/
	.menu a {
    font-size: 18px;
}
	h1.Stand-block {
    font-size: 32px;
    line-height: 40px;

}
	.pagging {
    display: block;
   
}
	.magnific-popup{
		text-align: center;
	}
/****10-26-2023***/
    .section-header i {
    margin-left: 10px;
}

.view-board {
    display: block;
}
.view-btn a {
    display: inline-block;
    text-align: center;
}
.banner-btn {
    display: flex;
    flex-flow: column;
}
.view-board a {
    display: flex;
    flex-flow: column;
    text-align: center;
    margin-left: 0;
}
.section-navigation .navbar-nav li.nav-item.active:after {
    content: none;
}
    .section-header ul {
    display: flex;
    justify-content: center;
}
.banner-innner-contant h1 {
    font-size: 32px;
    line-height: 49px;
}
.banner-innner-contant p {
    font-size: 14px;
    line-height: 19px;
}
.view-btn {
    margin-bottom: 32px;
}
.offre-contact h6, .heading h6, .trust-inner-contant h6 {
    font-size: 16px;
    line-height: 21px;
}
.offre-contact h2, .heading h2, .trust-inner-contant h2 {
    font-size: 24px;
    line-height: 32px;
}
.prime-Surfboard-post {
   padding: 10px 10px;
   display: inline-block; 
   width: 100%;
}
.product-slider .slick-slide{
		margin: 0px 10px;
	}
/*
.product-slider .slick-list{padding:0 20% 0 0 !important;}	
*/
.prime-Picks {
    text-align: center;
}
	.prime-Picks img, .testimonial img {
    display: inline !important;
}

.prime-contant {
    padding: 30px 20px 30px 20px;
}
.prime-contant h2 {
    font-size: 20px;
    line-height: 27px;
}
.section-navigation .navbar-nav li.nav-item.active:after {
    content: ''; 
}
.value-box {
    font-size: 12px;
}
.section-header ul li a {
    font-size: 12px;
}
.prime-contant {
margin-right: 0px;
}
.prime-contant p {
    font-size: 14px;
    line-height: 19px;
}
p.text-prime {
    font-size: 32px;
    line-height: 43px;
}
.prime-contant a {
    font-size: 14px;
    line-height: 19px;
}
.main-footer {
    display: inline-block;
}
.footer-innner-contant {
    max-width: 500px;
}
.footer-text {
    margin-top: 0px;
}
.footer {
    text-align: center;
}
.footer-innner-contant {
    margin-top: 26px;
}
.footer-innner-contant p {
    font-size: 13px;
    line-height: 18px;
}
.footer-innner-contant h2 {
    font-size: 16px;
    line-height: 21px;
}
.footer-text ul li {
    font-size: 13px;
    line-height: 21px;
}
.footer-text i {
    font-size: 15px;    
    margin-right: 4px;
}
.Copyright-contant p {
    font-size: 12px;
    line-height: 16px;
}


.Surfboard-contant {
    max-width: 218px;
    margin: 0 auto;
}
.Surfboard-contant h2 {
    font-size: 16px;
    line-height: 21px;
}
.High-Quality-Surfboard {
    margin-bottom: 36px;
}
.Surfboard-contant {
    margin-top: 26px;
}
.hero-banner {
    padding: 50px 0px  !important ;
}
.home-hero-banner {
    padding: 20px 0px !important ;
}
.testimonial {
    width: 100%;
}


.clients-slider .slick-list {padding: 0 5% 0 0 !important;}

.view-all-board {
    display: none;
}
.Board-post-main {
    display: block;
}
.innnre-filter {
/*
    display: none;
*/
}
	.section-header ul li {
    margin-left: 15px;
}
	.trust-inner-contant {
  
    margin-top: 40px;
}
	.product-section .row .col-md-4:last-child .High-Quality-Surfboard{
		margin-bottom: 0;
	}

/*29-09-2023*/
    .block-contant-inner h2 {
    font-size: 24px;
    line-height: 32px;
}
p.inner-text-area {
    min-height: 100px;
}
.Board-inner-contant h2 {
    font-size: 18px;
    line-height: 24px;   
}
.Board-inner-contant p {
    font-size: 14px;
    line-height: 22px;
}
/*29-09-2023*/

/* 17-10-2023 */
.spot-block-contant {
    width: 100%;
}
.brand-partner {
    text-align: center;
}
.brand-partner h2 {
    font-size: 24px;
    line-height: 32px;
}
.brand-partner h6,.surf-inner-contant h6  {
    font-size: 16px;
    line-height: 21px;
}
.inline-post {
    margin-top: 24px;
}
.spot-block-contant h2,.surf-inner-contant h2, .brand-partner h2 {
    font-size: 24px;
    line-height: 32px;
}
.main-delivery-contant {
    padding: 50px 50px;
}
.delivery-contant-heading {
    text-align: center;
}
.delivery-contant-heading h2 {
    font-size: 24px;
    line-height: 32px;
}
.btn-Book-now {
    text-align: center;
}
.delivery-contant-heading p {
    font-size: 14px;
    line-height: 21px;
}
.spot-block-contant {
    width: 100%;
    position: revert;
    }
    .pick-store ul li a {
    font-size: 14px;
}
.pick-store a {
    display: flex;
    align-items: center;
}
.action-btn a {
    font-size: 16px;
    padding: 10px 17px;
}
.brand-partner {
    margin-bottom: 40px;
}
.brand-partner {
    margin-bottom: 40px;
}
.unleashing {
    padding: 60px 0px 60px;
}
/* 17-10-2023 */

}
@media(min-width: 768px) and (max-width:991px){
   

.filter-slider ul {   
    text-align: center;
}
		.dpflx {
    display: grid;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 15px 10px !important;
}
    .hero-banner {
    padding: 50px 0px !important;
}
 .banner-innner-contant h1 {
    font-size: 45px;
    line-height: 55px;
}
.banner-innner-contant p {
    font-size: 14px;
    line-height: 19px;
}
.offre-contact h2, .heading h2, .trust-inner-contant h2 {
    font-size: 32px;
    line-height: 43px;
}
.trust-inner-contant h6, .heading h6, .offre-contact h6 {
    font-size: 20px;
    line-height: 27px;
}
.Surfboard-contant h2 {
    font-size: 16px;
    line-height: 21px;
}
.Surfboard-contant p {
    font-size: 14px;
    line-height: 19px;
}
.testimonial p {
    font-size: 14px;
    line-height: 21px;
}
.profile:after {
    left: 287px;
}
.footer-innner-contant h2 {
    font-size: 20px;
    line-height: 27px;
}
.footer-innner-contant p {
    font-size: 14px;
    line-height: 19px;
}

.product-slider .slick-slider
{
width: 449px;
}

/*29-09-2023*/
    .block-contant-inner h2 {
    font-size: 32px;
    line-height: 43px;
}
.footer-text ul li {
    font-size: 14px;
    line-height: 22px;
}
.container {
    max-width: 100%;
}
p.board-price {
    font-size: 28px;
}

.Board-post-main {
    min-height: 524px;
}
.Board-inner-contant h2 {
    font-size: 18px;
    line-height: 26px;
}

/*29-09-2023*/

/*17-10-2023*/
.surf-inner-contant h2, .brand-partner h2,
.spot-block-contant h2, .delivery-contant-heading h2
{
    font-size: 28px;
    line-height: 43px;
}
.surf-inner-contant h6, .brand-partner h6 {
    font-size: 20px;
    line-height: 27px;
}
.brand-partner {
    text-align: center;
}

.spot-block-contant {
    width: 100%;
    position: revert;
    }
.delivery-contant-heading {
    text-align: center;
    padding: 32px 30px;
}
.btn-Book-now {
    text-align: center;
}
.pick-store ul {
    display: flex;
    align-items: center;
    padding: 0px 20px;
}
.spot-block-contant p, .delivery-contant-heading p {
    font-size: 14px;
    line-height: 21px;
}
.pick-store a {
    display: flex;
    align-items: center;
}
.brand-partner {
    margin-bottom: 40px;
}
.pick-store ul li a {
    font-size: 14px;
}
.pick-store span {
    margin-right: 15px;
}
.unleashing {
    padding: 60px 0px 60px;
}
/*17-10-2023*/
.hero-section-banner h2 {
	font-size: 48px;
	font-weight: 700;
	color: #FFFFFF;
	position: relative;
}	
}

@media(min-width: 992px){
	/****10-26-2023**/
	.collapsible h2{
				display: none;
	}
	.pdweb{
		padding: 0px 30px;
	}
	/****10-26-2023**/
	
	#checkout-register
	{
		margin-top:-36px;
	}

}
@media(min-width: 320px) and (max-width:991px){

.collapsible 
    {
		background: #0093DD;
		color: #FFF;
		padding: 10px 15px;
		text-transform: uppercase;
    }
     
			/****10-26-2023**/
	.webheading{
				display: none;
   
	}
.rangeslider {
    padding: 0 30px;
}
	#column-left{
		margin-bottom: 30px;
	}
	h1 {
    font-size: 24px;
}
	.contentfilter{
			display: none;
/*
		 padding-right: 2rem !important;
    padding-left: 2rem !important;
*/
	}
	.taiming h2 {
    font-size: 20px;
    line-height: 28px;
		text-align: left;
}
	.longboard-classic h4 {
    font-size: 20px;
    line-height: 28px;
}
	.collapsible h2 {
    font-weight: 700;
	color: #FFF;
	font-size:24px;
	margin:0px;    
	line-height: 28px;
}
	.rangeslider h2 {
    margin-top: 28px;
   
}
.collapsible h2 {
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.collapsible h2 img {
    invert: 1;
    filter: invert(1);
}
		/****10-26-2023**/
	
	
	.section-navigation .navbar-nav a.nav-link {
    color: #000;
    text-decoration: none;
}
.section-navigation {
    position: relative;
}
.navbar-collapse {
    padding: 100px 25px 15px;
    background: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0%;
    z-index: 1;
}

	.navbar-brand {
    z-index: 9999999;
    position: relative;
}
	.navbar-toggler span {
   
		z-index: 9999999;
}
	.navbar-toggler:not(.collapsed) span:nth-child(1) {
              background-color: #000;
         }
	 .navbar-toggler:not(.collapsed) span:nth-child(3) {
             background-color: #000;
         }.section-navigation .navbar-nav {
    gap: 10px;
    display: flex;
}
	.section-navigation .navbar-nav li.nav-item.active:after {
    content: none;

}
	.navbar-nav{
		border-top: 1px solid #FFDB2F;
	}
/*
	.product-slider .slick-list{padding:0 20% 0 0 !important;
	}
	.clients-slider .slick-list{padding:0 20% 0 0 !important;
	}
*/
	.clients-slider .slick-slide {
    margin: 0px 10px;
}
.mob-pdt-10{
    padding-top: 10px !important;
}	
.pdt-80{
    padding-top: 60px;
}
.pdb-80{
    padding-bottom: 60px;
}
.pdtb-80{
    padding: 20px 0px;
}
.mrt-80{
    margin-top: 60px;
}
.mrb-80{
    margin-bottom: 60px;
}
p.board-price {
    font-size: 28px;
}

}


@media(min-width: 992px) and (max-width:1199px){
    .hero-banner {
    padding: 50px 0px 50px;
}
.banner-innner-contant h1 {
    font-size: 45px;
    line-height: 55px;
}
.heading h2, .trust-inner-contant h2, .offre-contact h2 {
    font-size: 34px;
    line-height: 40px;
}
.offre-contact h6, .heading h6, .trust-inner-contant h6 {
    font-size: 20px;
    line-height: 27px;
}
.Board-inner-contant a {
    font-size: 14px;
}
.Board-inner-contant h2 {
    font-size: 20px;
    line-height: 26px;
}
.Board-post-main {
    padding: 34px 8px 40px 8px;
}
	.prime-contant {
    padding: 36px 15px 50px 15px;
  
}
/*29-09-2023*/
.Destination-block-form h2 {
    font-size: 18px;
    line-height: 28px;
}
.taiming h2 {
    font-size: 18px;
    line-height: 28px;
}
.longboard-classic h4 {
    font-size: 18px;
    line-height: 28px;
}
.Filter-contant h2 {
    font-size: 32px;
    line-height: 43px;
}
.block-contant-inner h2 {
    font-size: 32px;
    line-height: 43px;
}
p.board-price {
    font-size: 28px;
}
/*29-09-2023*/

/*17-10-2023*/
.surf-inner-contant h2, .brand-partner h2,
.spot-block-contant h2, .delivery-contant-heading h2 {
    font-size: 30px;
    line-height: 40px;
}
.surf-inner-contant h6, .brand-partner h6 {
    font-size: 20px;
    line-height: 26px;
}
.delivery-contant-heading p, .spot-block-contant p {
    font-size: 14px;
    line-height: 21px;
}
.pick-store ul li a {   
    font-size: 14px;
}
.pick-store a {
    display: flex;
    align-items: center;
}
.spot-block-contant {
    width: 900px;
}
/*17-10-2023*/

}
@media(min-width: 1200px) and (max-width:1299px){
     .hero-banner {
    padding: 50px 0px 50px;
}
.banner-innner-contant h1 {
    font-size: 45px;
    line-height: 54px;  
}
.banner-btn {
    margin-top: 24px;
}
/*29-09-2023*/
.taiming h2 {
    font-size: 18px;
    line-height: 28px;
}
.Destination-block-form h2 {
    font-size: 18px;
    line-height: 28px;
}
/*29-09-2023*/

/*17-10-2023*/
.delivery-contant-heading h2, .spot-block-contant h2,
.surf-inner-contant h2, .brand-partner h2 {
    font-size: 30px;
    line-height: 40px; 
}
.surf-inner-contant h6, .brand-partner h6 {
    font-size: 16px;
    line-height: 24px;
   }
   .pick-store ul li a {
    font-size: 14px;
}
/*17-10-2023*/

}
@media(min-width: 1300px) and (max-width:1500px){
    .hero-banner {
    padding: 50px 0px 50px;
}
    .dest-hero-banner {
    padding: 50px 0px 130px;
}
.banner-innner-contant h1 {
    font-size: 45px;
    line-height: 54px;  
}
.banner-btn {
    margin-top: 40px;
}
.Board-inner-contant h2 {
    font-size: 18px;
    line-height: 24px;
}
/*29-09-2023*/
.taiming h2 {
    font-size: 18px;
    line-height: 28px;
}
.Filter-contant h2 {
    font-size: 30px;
    line-height: 43px;
}
.block-contant-inner h2 {
    font-size: 32px;
    line-height: 43px;
}
.longboard-classic h4 {
    font-size: 18px;
    line-height: 28px;
}
.Destination-block-form h2 {
    font-size: 18px;
    line-height: 28px;
}
/*29-09-2023*/

/*17-10-2023*/
.delivery-contant-heading h2 {
    font-size: 36px;
    line-height: 45px;
}
.pick-store ul li a {
    font-size: 14px;
}
/*17-10-2023*/

}

@media(min-width: 1300px){
.container {
    max-width: 1220px;
}
}
@media(min-width: 650px){
.modal-dialog {
    width: 600px;
    margin: 30px auto;
}
}