@media only screen and (max-width: 767px) 
{
	
	.tabs-nav nav a{ display:inline-block; width:auto; }
	
	.tabs .content {padding: 20px 0px 20px 0px; }
	
	
    section div .available-grids
    {
        grid-template-columns: 1fr ;
    }
    .mobile-view
    {
        display: block !important;
    }
    .desktop-view
    {
        display: none !important;
    }
    .bnr-subtitle
    {
        font-size: 14px;
    }
    div.bnr-subcontent
    {
        font-size: 12px;
    }
    h1
    {
        font-size: 32px !important; 
    }
    h3 
    {
        font-size: 20px !important
    }
    h4 
    {
        font-size: 25px !important;
    }
    h6 
    {
        font-size: 22px !important;
    }
    .csm-footer h6 
    {
        text-align: center;
    }
    .mobilenavcon
    {
        justify-content: right !important;
    }
    .mobile-topnavdet
    {
        display: block !important;
        width: 100%;
    }
    .desktopnavdet
    {
        display: none !important;
    }
    nav.navbar
    {
        padding-bottom: 0px !important;
    } 
    #mega-menu-wrap-max_mega_menu_3 .mega-menu-toggle
    {
        background:#2b1f01 !important;
    }
    nav.bg-light
    {
        background-color: #2b1f01 !important;
    }
    div.sub-title-hm2-secn
    {
        font-size: 18px;
    }
    section.home-secn-2 h2
    {
        font-size: 30px;
    }
    p 
    {
        font-size: 14px !important;
    }
    div.abouthome-slide
    {
        margin-top: 2rem;
    }
    .hm-scn-3-stitle
    {
        width: auto !important
    }
    .logomobilesrc
    {
        display: block !important;
    }
    .chkouthap h2:after
    {
        width: 100% !important;
    }
    #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.mega-menu-item > a.mega-menu-link
    {
        font-size: 18px;
    }
    #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link
    {
        background: #222222;
        color: #fff;
        font-size: 18px;
    }
    #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover
    {
        background: #222222;
    }
    #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.mega-menu-flyout ul.mega-sub-menu
    {
        background: #222222;
    }
    .grdimages img
    {
        width: 100%;
    }
    .enqryforms
    {
        margin-top: 35px;
    }
    .sportslist
    {
        grid-template-columns: 1fr !important;
    }
    .banquetlist
    {
        grid-template-columns: 1fr !important; 
    }
    .sailingphoto
    {
        grid-template-columns: 1fr !important;
        margin: auto;
    }
    .sailing-anxe-images
    {
        grid-template-columns: 1fr !important;
    }
    .contactus_list
    {
        grid-template-columns: 1fr !important;
        width: 100%;
        padding: 0px 15px;
    }
    .eventlist-grid
    {
        grid-template-columns: 1fr !important;
    }
    .eventimage-bnr
    {
        height: auto !important;
    }
    .updateslist
    {
        width: 100% !important;
        flex-wrap: wrap;
        padding: 25px;
    }
    .groupupdates
    {
        flex-wrap: wrap;
    }
    .updatesdetails
    {
        text-align: center;
        padding-top: 30px;
    }
    .commonoverlay:before{
        height: 95px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) 
{
    .available-grids
    {
        grid-template-columns: 1fr 1fr;
    }
    .mobile-view
    {
        display: block !important;
    }
    .desktop-view
    {
        display: none !important;
    }
    .mobile-topnavdet {
        display: block !important;
        width: 100%;
    }
    .desktopnavdet
    {
        display: none !important;
    }
    nav.navbar
    {
        padding-bottom: 0px !important;
    } 
    .mobilenavcon {
        justify-content: right !important;
    }
    .container.mobilenavcon
    {
        flex-wrap: wrap;
        padding: 0px;
    }
    .logomobilesrc
    {
        display: block !important;
    }
    .chkouthap h2:after
    {
        width: 100% !important;
    }
    #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.mega-menu-item > a.mega-menu-link
    {
        font-size: 18px;
    }
    #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link
    {
        background: #222222;
        color: #fff;
        font-size: 18px;
    }
    #mega-menu-wrap-max_mega_menu_3 #mega-menu-max_mega_menu_3 > li.mega-menu-flyout ul.mega-sub-menu
    {
        background: #222222;
    }
    .grdimages img
    {
        width: 100%;
    }
    .enqryforms
    {
        margin-top: 35px;
    }
    .sailingphoto
    {
        grid-template-columns: 1fr !important;
        margin: auto;
    }
    .eventlist-grid
    {
        grid-template-columns: 1fr 1fr !important;
    }
    .eventimage-bnr
    {
        height: auto !important;
    }
    .updateslist
    {
        width: 100% !important;
    }
    .groupupdates
    {
        flex-wrap: wrap;
    }
    .commonoverlay:before{
        height: 95px;
    }
}
@media only screen and (min-width: 1025px)
{
    .mobile-view
    {
        display: none !important;
    }
    .desktop-view
    {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .mega-menu-wrap div.mega-menu-toggle
    {
        display: none !important;
    }
}