@media only screen and (max-width: 992px){
#mainmenu li ul li {
    border: none;
    padding-left: 0;
    }
}
@media only screen and (max-width: 992px){
#mainmenu li ul li a {
    font-size: 13px;
    color: #150e0e;
    background-color: #ffff;
    letter-spacing: 0;
    padding: 10px;
    font-family: Tahoma, Geneva, sans-serif;
}
}

@media only screen and (max-width: 992px){
#mainmenu li a, #mainmenu li li a {
   font-size: 15px;
    padding: 15px;
    background-color: #f5f5f563;
    letter-spacing: 0;
}}


@media only screen and (max-width: 992px){
#menu-btn {
 display: block !important;
  
}}


@media only screen and (max-width: 929px){
.mobmenu .sub-menu li a {
    padding-left: 0;
}}

#mainmenu li li a {
    padding: 2px 15px 2px 15px;
    background: #222327;
    border-top: none;
    color: #ccc;
    width: 220px;
    border-left: none;
    text-align: left;
    line-height: 18px;
    z-index: 10;
    margin-top: 0px;
}

/*------------Custom Css From old plugin------------*/

#mainmenu li a {
    padding: 6px 0 4px 12px !important;
    background: url(https://boatcharterservices.com.au/wp-content/uploads/2019/07/menu_icon.png) no-repeat;
	
}

#mainmenu li a:hover {
    background: url(https://boatcharterservices.com.au/wp-content/uploads/2019/07/menu_icon2_hover.png) no-repeat !important;
}


.wpb_wrapper h1 {
    padding-left: 57px;
}

.wpb_single_image img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}

.wpb_wrapper p {
    padding: 0 19px 0px 21px;
}

.img1 img {
        height: 454px!important;
}

span#menu-btn:hover {
    background-color: #d3eafb;
}


@media only screen and ( min-width:1100px){
	#mainmenu {
    text-transform: capitalize;
    letter-spacing: 0px;
    margin-top: -10px;
    margin-left: 20px;
     }
	
}

/*@media only screen and (max-width: 768px) {
    
	#mainmenu {   
    position: absolute;
}	
	
}
@media only screen and (max-width: 992px)
#menu-btn {
    display: none;
}*/


@media (min-width: 300px) and (max-width: 979px) {    
        #mainmenu li a{ display:block; width:100%; position:relative; z-index:10;}
        
        

}

@media (max-width: 979px) and (min-width: 300px){
#mainmenu li a {
    width: 281px!important;
    background-color: #656060!important;
}
	
	#mainmenu li:hover {
  
    background-color: #656060!important;
}
	

#mainmenu li {
    border-bottom: solid 1px #333;
    margin: 0;
    width: 281px;
    display: block;
    letter-spacing: 3px;
	}

}