How to disable one of the responsive layouts?

Hey fluent_Agency!

Edit css > layout.css, find this code under Media Queries section:

/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 989px) {

		.responsive #top .mobileMenu{position: absolute; top: 50%; margin: -15px 0 0 0; width:250px; right:0; max-width: 250px;}
		.responsive .main_menu ul:first-child > li > a { padding: 0 10px; }
		.responsive #top #header {position: relative; }
		.responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); }
		.responsive #top #main   {padding-top:0; }
		.responsive #main .container_wrap:first-child{ border-top:none; }
		.responsive .mobile_slide_out .logo{float:left;}
		.responsive .mobile_slide_out .logo img{margin:0;}
		.responsive .mobile_menu_tablet .main_menu{display: none; }

		}

You can remove it but it will break the layout of the site. If you want the mobile menu to show under 1001px, please edit js > avia.js, find this code on line 89:

switchWidth = 767;

Replace it with:

switchWidth = 1001;

Remove browser cache then reload the page a few times.

Best regards,
Ismael