@media only screen and (min-width:1441px) and (max-width:1920px){

}
@media only screen and (min-width:1366px) and (max-width:1600px){
    #main-menu ul li {margin-left: 20px;}
    #main-menu ul li a, #main-menu .navbar-nav li ul li a {font-size: 17px;}
    #banner .text-block {padding-right: 50px;}
    #banner h2.title {font-size: 3rem;}
}

@media only screen and (min-width:1024px) and (max-width:1365px) {
    #wrapper {overflow: hidden;}
    #main-menu ul li {margin-left: 12px;}
    #main-menu ul li a, #main-menu .navbar-nav li ul li a {font-size: 0.85rem;}

    #banner .item .slider-block, #banner .item .text-block {width: 50%;}
    #banner .item .text-block {margin-left: 110px;}
    #banner .slider .item-wrapper {height: auto;}
    #banner .slider .item-wrapper img {height: auto; width: 100%;}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    #wrapper {width: 100%; position: relative; z-index: 1; overflow: inherit;}
    #mobile-menu.active {opacity: 1; visibility: visible;}

    #home header {position: fixed;}
    header {padding: 0; position: fixed; left: 0; right: 0; top: 0; box-shadow: 0 0 10px rgba(0,0,0,0.2) !important; z-index: 2; background-color: #fff !important;}
    .navbar .navbar-brand {max-width: 180px; margin-left: 15px;}
    header .navbar .bg{display: none;}
    .navbar {padding: 25px 0;}

    #mobile-menu {padding-top: 0;}
    #mobile-menu-icon, #mobile-menu {display: block;}
    #main-menu, .get-quote-btn {display: none;}
    .menu-item-has-children > a:after {display: none;}
    #mobile-menu ul.sub-menu {display: none;}

    #banner {margin-top: 112.53px;}
    #banner .banner-wrapper {padding: 0; height: auto;}
    #banner .item .slider-block, #banner .item .text-block {width: 50%;}
    #banner .item .text-block {margin-left: 110px;}
    #banner .slider .item-wrapper {height: auto;}
    #banner .slider .item-wrapper img {height: auto; width: 100%;}

    #about .title-block {padding: 150px 50px 135px;}
    #about .title-block h2.title {font-size: 2.5rem;}
    #about .about-content{margin-left: 0; margin-top: 150px;}
    #about .about-content p {font-size: 1.063rem;}

    #services .title-block {padding: 45px; height: calc(100% - 30px);}
    #services .title-block h2.title {font-size: 1.75rem;}
    #services .item {padding: 25px;}
    #services .item .icon {height: 100px; align-items: unset; padding: 0 0 20px;}

    .padding {padding: 50px 0;}

    h2.title {font-size: 1.75rem; margin-bottom: 1.5rem!important;}
    h2.title span {margin-bottom: 10px;}

    #inner-banner {height: 180px;}
    #inner-banner h1 {font-size: 3rem;}
    #our-trade-nav {padding-bottom: 50px;}
    #our-trade-nav a {text-align: center; line-height: normal;}
    #our-trade .items .item .title h3 {font-size: 1.5rem;}
    #our-trade .item, #our-trade .item .row, #our-trade .item .title, #our-trade .item .description {height: 200px;}
    #our-trade .items .item .title, #our-trade .items .item .description {padding: 15px 35px;}
    #our-trade .items .item .description p {font-size: 1.063rem; line-height: normal;}
    #meet-the-management .member-block {margin-left: 35px;}
    #meet-the-management .member-details:last-child .member-block {margin-left: 0px; margin-right: 35px;}
    #bottom-top-panel {padding: 35px 0;}
    #explore-ideas .item-result .desc {margin-top: 20px; padding: 0 !important;}
    #explore-ideas .item-result .cat-details:after {display: none;}
}

@media only screen and (min-width:320px) and (max-width:767px)
{
    #wrapper {width: 100%; position: relative; overflow: hidden;}
    #mobile-menu.active {opacity: 1; visibility: visible;}

    #home header {position: fixed;}
    header {padding: 0; position: fixed; left: 0; right: 0; top: 0; box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 2; background-color: #fff !important;}
    .navbar .navbar-brand {max-width: 120px; margin-left: 15px;}
    header .navbar .bg{display: none;}
    .navbar{padding: 10px 0;}

    #mobile-menu-icon, #mobile-menu {display: block;}
    #main-menu, .get-quote-btn {display: none;}
    .menu-item-has-children > a:after {display: none;}
    #mobile-menu ul.sub-menu {display: none;}

    #banner {height: auto; margin-top: 63px;}
    #banner .banner-wrapper {display: block; padding: 0; height: auto;}
    #banner .item {display: block !important;}
    #banner .slider .item-wrapper img {width: 100%;}
    #banner .slider .item-wrapper {padding: 0; height: auto;}
    #banner .text-block {padding: 15px; text-align: center; margin-left: 0;}
    #banner h2.title:after {margin: auto; right: 0;}

    .padding{padding:50px 0;}
    h2.title {font-size: 2rem;}
    .content p {font-size: 1.025rem; line-height: 1.7;}
    #about {padding-bottom: 75px;}
    #about .title-block {padding: 75px 35px 25px; margin-bottom: 15px;}
    #about .title-block h2.title {font-size: 1.7rem;}
    #about .title-block::before {display: none;}
    #about .about-content p {font-size: 1.025rem; line-height: normal; margin-bottom: 20px;}
    #about .about-content {margin-top: 0;}    
    
    #services .title-block {padding: 25px; border-radius: 30px;}
    #services .title-block h2.title {font-size: 1.7rem; line-height: 1; margin-bottom: 0;}
    #services .item {padding: 25px; border-radius: 30px;}
    #services .item h3 {font-size: 1.025rem; margin-bottom: 10px;}
    #services .item p {font-size: 1.025rem;}
    #services .item .icon {align-items: unset; height: 80px; margin-bottom: 15px;}
    #services .item .icon img {max-width: 100%;}
    
    #bottom-top-panel {padding: 25px 0;}
    #bottom-top-panel h2.title {font-size: 1.7rem;}
    #bottom-top-panel p {font-size: 1rem; line-height: 1.5;}
    #bottom-top-panel .float-right {float: none !important; margin-top: 20px;}
    .social-links {justify-content: flex-start;}
    .social-links a {margin: 0 15px 0 0;}

    #inner-banner {height: 180px; margin-top: 54px;}
    #inner-banner h1 {font-size: 2.5rem;}
    #inner-banner h1:before {width: 75px; height: 8px;}

    #about-block .content-middle {margin: 25px 0;}
    #about-block .content-block:before, #about-block .content-block:after {width: 100%;}
    #about-block .content-block ul li {font-size: 1.025rem; margin-bottom: 15px;}
    #about-block .pic {width: 120%; margin-top: 25px;}

    #our-ethos h2.title, #inquiry-wrapper h2.title {font-size: 2rem;}
    #our-ethos .item {padding: 25px; border-radius: 30px;}
    #our-ethos .item h3 {font-size: 1.5rem; margin-bottom: 15px; text-align: left;}
    #our-ethos .item p {font-size: 1.025rem;}

    #our-trade-nav {white-space: nowrap; overflow-x: scroll; justify-content: flex-start; padding-bottom: 0px;}
    #our-trade-nav a {margin-right: 15px; font-size: 1rem;}
    .photo-wrapper {margin-bottom: 25px;}
    #our-trade .items {margin-top: 25px;}
    #our-trade .item {height: auto;}
    #our-trade .item .row, #our-trade .item .title, #our-trade .item .description {height: auto; display: block;}
    #our-trade .item, #our-trade .items .item .description {border-radius: 30px;}
    #our-trade .items .item .title, #our-trade .items .item .description {padding: 25px;}
    #our-trade .items .item:last-child {margin-bottom: 0;}
    #our-trade #ideation-process p.spl {font-size: 1.25rem;}
    .content p.large {font-size: 1.8rem;}
    #contact-block .pic {width: 120%; height: 250px;}
    #meet-the-management .member-details {margin-bottom: 50px;}
    #meet-the-management .member-block {margin: 0 !important;}

    .modal-header-custom .modal-title img {max-width: 50px;}
    .modal-body h2.title {font-size: 1.35rem;}
    .modal-header-custom .modal-title {padding-bottom: 15px; margin-bottom: 15px;}
    .modal-header-custom p {font-size: 1rem !important;}
    .modal-header-custom .pic {margin: 15px 0;}
    .modal-body h3 {font-size: 1.25rem;}

    #explore-ideas .filter {flex-wrap: wrap;}
    #explore-ideas form .form-group {margin: 15px 0 !important;}
    #explore-ideas .item-result .cat-details {margin-top: 20px; padding: 0 !important;}
    #explore-ideas .item-result .desc {margin-top: 20px; padding: 0 !important;}
    #explore-ideas .item-result .cat-details:after {display: none;}
}

@media only screen and (min-width:320px) and (max-width:480px) {

}