@media only screen and (min-width:1366px) and (max-width:1440px){
    .container {max-width: 1280px;}
}

@media only screen and (min-width: 1401px) {
    .masonry {-moz-column-count: 4; -webkit-column-count: 4; column-count: 4;}
}
@media only screen and (min-width: 1171px) and (max-width: 1400px){
    .masonry { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
}
@media only screen and (min-width: 767px) and (max-width: 1170px){
    .masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
}
@media only screen and (min-width: 320px) and (max-width: 767px){

    .masonry { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}

    #mobile-menu.active {opacity: 1; visibility: visible;}
    #mobile-menu {display: block; top: 70px;}
    #main-menu, #header.navbar.active #main-menu {display: none !important;}
    .menu-item-has-children > a:after {display: none;}
    #mobile-menu ul.sub-menu {display: none;}

    #header.navbar{padding: 10px !important;}
    #header.navbar .navbar-brand img { max-width: 80%; }

    #header .quick-links .text{display: none;}
    #header .quick-links li{margin-right: 20px;}    
    #header .quick-links li:last-child{margin-right: 10px;}
    #header .quick-links li .icon{margin-right: 0;}

    #banner .banner-text br{display: none;}
    #banner .banner-content form{max-width: 90vw;}
    #banner .banner-content form .input-group{flex-direction: column;}
    #banner .banner-content form .form-control{padding: 15px; border-radius: 15px;}
    #banner .banner-content form .input-group-append{width: 100%;}
    #banner .banner-content form .btn-custom{margin: 0; border-radius: 0 0 10px 10px; width: 100%;}

    #job-listing #top-strip .select-category .custom-select:last-child  {margin-right: 0;}

    .overlay-block{margin-bottom: 30px;}
    .overlay-block .dvInfo > div h3 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .overlay-block .dvInfo > div .dvText { display: none; }

    .padding { padding: 40px 0; }
    .title-wrap { margin-bottom: 50px; }

    #inner-banner { padding: 7rem 0 3rem 0; }

    footer #top { padding-bottom: 0; }
    footer .collapsable { border-bottom: 1px solid rgba(255, 255, 255, 0.06);}
    footer .collapsable h3 { position: relative;}
    footer .collapsable h3:after { content: '+'; font-weight: 600; position: absolute; right: 0; font-size: 120%; top: 10px; }
    footer .collapsable h3[aria-expanded="true"]:after { content: '-'; }
    footer #top .links li { margin-bottom: 6px;}
    #bottom { font-size: 80%; }
}