@media only screen and (max-width : 1800px) {

    }
    @media only screen and (max-width : 1700px) {

    }
    /* Xtra Large Devices, Stupidly Wide Screens */
    @media only screen and (max-width : 1600px) {
        
    }

    @media only screen and (max-width : 1500px) {

    }

    @media only screen and (max-width : 1400px) {
        .max-width {
            max-width: 90%;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
        .contact-details {
            font-size: 12px;
        }
        #main-header ul li a {
            font-size: 13px;
        }
    }
    
    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .submenu-toggle {
            display: none;
        }
    }
    
    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        .mob-left {
            text-align: left;
        }
        #main-header.stuck.in #top-details {
            display: none;
        }

        .slick-prev, .slick-next {
            display: none !important;
        }

        nav li .submenu::before {
            display: none;
        }

        .menu-fixer {
            /*height: 255px;*/
        }

        #main-menu::before {
            height: 267px;
        }

        .header-space {
            height: 130px;
        }

        #main-header #top-header .logo {
            display: block;
            float: left;
            left: 15px;
        }

        .lock-scroll {
            overflow: hidden;
        }

        .menu-toggle {
            background: #E2801F;
            color: #ffffff;
            line-height: 50px;
            width: 50px;
            height: 50px;
            text-align: center;
            cursor: pointer;
            font-size: 20px;
        }

        .menu-toggle .stuck {
            top: 30px;
            right: 2px;
        }

        .menu-close {
            position: fixed;
            top: 0;
            right: 0;
            width: 50px;
            height: 50px;
            background: rgba(255,255,255,0.2);
            cursor: pointer;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        .menu-toggle {
            display: block;
        }
        .menu-close {
            position: absolute;
            top: 15px;
            right: 15px;
            z-index: 9999999;
            color: #ffffff;
            margin: 0;
        }

        #menu {
            position: fixed;
            top: 0;
            left: 0;
            padding-top: 15px;
            width: 100vw;
            height: 100vh;
            background: #333333;
            margin: 0;
            z-index: 99999;
            overflow-y: auto;

            opacity: 0;
            visibility: hidden;

            transition: all .5s ease;
        }

        #menu.active {
            opacity: 1;
            visibility: visible;
        }

        #menu ul {
            width: 100%;
        }

        #main-header ul ul {
            text-align: center !important;
        }

        #menu ul li .enquire{
            float: unset;
        }

        #menu ul li {
            position: relative;
            text-align: center;
            margin: 5px 0;
            display: block;
            float: unset;
        }

        #menu ul li a {
            padding: 12px 10px;
            font-size: 18px;
            color: #ffffff;
        }

        #menu ul li a:hover {
            color: #FF8E1E;
        }

        #menu ul li .submenu {
            display: none;
            opacity: 1;
            visibility: visible;
            position: static;
            transition: unset;
            width: 100%;
            max-width: 100%;
            opacity: 1;
            visibility: visible;
            top: unset;
            left: unset;
            transform: unset;
            padding: 0;
            margin: 0;
            background: #000000;
        }
        
        #menu ul li .submenu li {
            margin: 0;
        }
        #menu ul li .submenu a {
            text-align: center;
            padding: 15px;
            line-height: 20px;
        }

        #menu ul li .submenu a ::after{
            display: none;
        }

        #menu ul .submenu-toggle {
            font-size: 26px;
            position: absolute;
            top: 15px;
            height: 35px;
            width: 35px;
            line-height: 35px;
            text-align: center;
            background: #FF8E1E;
            right: 0;
            cursor: pointer;
            transform: translate(-30px, -50%);
        }

        #menu ul .submenu-toggle ::hover {
            cursor: pointer;
        }

        #menu ul .submenu-toggle li .submenu ul {
            opacity: 1;
            visibility: visible;
        }

        #main-footer {
            text-align: center;
        }
    }
    
    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        .staff .staff-img {
            max-height: 200px;
        }
        .staff .staff-title .staff-pos {
            min-height: 65px;
        }
        .staff .staff-desc {
            min-height: 140px;
        }
        .staff-list .col-md-3:nth-child(odd) {
            clear: left;
        }
    }
    
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        .col-xxs-12 {
            width: 100%;
        }
    }
    
    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }