@media only screen and (min-width:1441px) and (max-width:1920px){
    .container {padding: 0 15px;}
    #banner .container {bottom: 100px;}
}

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

@media only screen and (min-width:1003px) and (max-width:1024px){
    .job-domain .item .icon-wrap{width: 230px; height: 230px; margin: 0 auto 20px;}
    .job-domain .item .icon-wrap .icon{height: 210px;}

    #success-stories{padding-bottom: 150px;}
    #success-stories:after{ height: calc(60% - 25px);}
    #success-stories .person-pic{max-width: 500px; left: -150px;}
    #success-stories .circle.small.first{left: 290px; top: -20px;}
    #success-stories .circle.big.second{right: 0; top: -90px;}
    #success-stories .circle.small.third {right: 175px; bottom: -100px;}
    #success-stories .more{top: 70%;}
    
    .container-fluid{ padding:0 30px;}
    #search-results .item .btn-set .btn:last-child{margin-left: 10px;}
    #banner .banner-text .title{font-size: 3.5rem;}
    .padding{padding: 75px 0;}
    
    #inner-banner,#inner-banner .row{height: 400px;}
    
    .services-steps .step .circle{width: 188px; height: 188px;}
    .services-steps .step .circle .img{height: 188px; }
    .rec-services-container .pic{width: 650px;}
    
    .contact-panel .contact-pic-inner{width: 700px;}
    .contact-panel h2.title{margin-top: 0;}
    .job-list .item{padding: 20px;}
    #main-container.bg{margin-top: 60px;}
    .dashboard-links .nav-link{padding: 10px}

}
@media only screen and (min-width:768px) and (max-width:1003px){
    body {font-size: 1.125rem;}
    #main-menu .navbar-nav li ul.dropdown-menu{width: 100%; box-shadow: none;}
    #main-menu{height: 100vh; overflow-y: scroll;}

    .container-fluid, .container {padding:0 15px;}
    .navbar .container-fluid{margin:0 15px;}

    #main-menu{display: none;}
    #mobile-menu-icon{display: block; right: 15px; top: 40px;}
    .navbar,.navbar.fixed{padding:15px 0; background-color:rgba(255,255,255,1); box-shadow:0 0.5rem 1rem rgba(0,0,0,.15);}
    #wrapper {width: 100%; position: relative; z-index: 1;}
    #mobile-menu {display: block; top: 92px; height: calc(100% - 92px);}
    .navbar a img, .navbar.fixed a img {max-width: 120px; display: block;}
    .navbar a img.reverse {display: none;}

    #banner{padding:0; height: auto; margin: 60px 0 0 0;}
    #banner .item{height: 450px; background-size: cover;}
    #banner .banner-caption {width: 400px;}
    #banner .banner-caption .home-title {font-size: 1.875rem; line-height: normal;}
    #banner .banner-caption .home-title span {font-size: 1.25rem;}
    #banner .form-wrap {padding-left: 0;}
    .down-arrow{display: none;}
    #banner .owl-nav{display: none;}
    #banner .banner-text .sub-title{font-size: 1rem;}
    #banner .banner-text .title{font-size: 2rem; margin-bottom: 20px;}
    .form-wrap .form-control{border: none; }
    #banner .banner-caption form .search-now{width: 35px; height: 35px; background-size: 55%;}
    
    #about .clip {font-size: 8.829rem; line-height: 8.829rem; text-align: center;}
    #about p.exp-title {font-size: 1.25rem;}
    
    #services .btn-custom1 {position: inherit; right: 0;}
    .style1 .owl-dots {margin-top: 25px;}
    
    .padding {padding: 75px 0;}
    
    #testimonials {min-height: 0;}
    #testimonials .bg {display: none;}
    #testimonials .slider .item {max-width: none;}
    #testimonials .style1 .owl-dots {text-align: center;}
    
    .p-lr {padding-left: 0; padding-right: 0;}
    
    #filter{display: none;}
    .filter-icon{display: block;}
    #search-results h2{margin-bottom: 0;}
    #filter-menu #filter{display: block;}
    #search-filter,#accordion.job-filter{border: none; border-bottom: 1px solid #ebebeb; border-radius: 0;}

    #search-results .item .btn-set .btn:last-child{margin-left: 10px;}
    
    #search-button{width: 40px; height: 40px; right: 40px;}
    #search-button .icon{transform: scale(0.70); transform-origin: center center;}
    #searchModal .search-now{transform: scale(0.70); transform-origin: left center;}
   
    h1{font-size:3.0625rem; margin-bottom: 0;}
    
    #filter-wrap{margin-top: 30px;}
    .what-makes-difference-panel .about-pic-inner{width: 580px; top: -50px; left: -100px;}
    .services-panel .service-support span{margin-bottom: 10px; }
    .services-panel .services-pic-inner{width: 640px;}
    .social-share-panel{margin-top: 30px;}
  
    #contact-now{padding: 15px 0;}
    #contact-now .text{font-size: 1rem;}
    .career .pic{width: 450px; left: -140px;}
    .contact-panel .contact-pic-inner{width: 550px; top:0;}
    
    #footer #top .contact-info a{display: block;}
    #footer #bottom, #footer #bottom .text-right {text-align: center !important;}
    #footer #bottom .text-right {margin-top: 10px;}
    
    .cust-scrollbar .mCustomScrollBox{max-height: 250px !important; overflow-y: scroll !important;}
    #job-details .job-info-card {padding: 20px;}
    #job-details .job-title-loc h3.post-title {font-size: 1.75rem;}
    #job-details .job-title-loc p {font-size: 1rem;}
    #job-details .btn-set .btn {padding: 10px 20px;}
    #job-details .quick-info {margin: 0 -20px -20px; padding: 0 20px;}
    #job-details .quick-info ul li a, #job-details .quick-info ul li.share {padding: 15px;}
    #job-details .spl-item {text-align: center; height: calc(100% - 20px);}
    #job-details .job-title-locc {padding-bottom: 15px;}
    #job-details .quick-info p.cat-post {padding: 10px;}
    #job-details .quick-info p.cat-post .posted {display: block;}
    
    h2.title {font-size: 2rem;}
    
    #inner-banner,#inner-banner .row{height: 250px;}
    #inner-banner{margin-top: 80px;}
    
    .we-are-known {padding-bottom: 35px;}
    .we-are-known .pic {width: 420px;}
    .we-are-known ul li {font-size: 1.25rem; margin-bottom: 12px;}
    .what-makes-difference-panel:before {display: none;}
    .talent-rec-panel ul li {width: 24%;}
    
    .services-pg .ListStyle {flex-wrap: wrap;}
    .services-pg .ListStyle li {width: 48%; margin-bottom: 15px;}
    .spl-section {background-image: none;}
    .testimonials-pg .item:before {border-left: 120px solid #7fb767; border-top: 105px solid transparent; border-bottom: 105px solid transparent;}
    .career-pg .item {padding: 25px;}
    
    #filter{display: none;}
    .filter-icon{display: block; font-size: .85rem; position: absolute; right: 15px; top: -48px;}
    .filter-icon i{height: 25px; width: 25px; line-height: 25px;}
    #search-results h2{margin-bottom: 0; font-size: 1.2rem;}
    #filter-menu #filter{display: block;}
    #search-filter,#accordion.job-filter{border: none; border-bottom: 1px solid #ebebeb; border-radius: 0;}
    #filter-wrap{margin-top: 20px; padding: 15px;}
    #filter-wrap .title .filter-list-data > div span{display: inline-table; text-align: left; line-height: normal; padding: 3px 30px 3px 10px;}
    #filter-wrap .title .filter-list-data .cross:before{text-align: center;}
    #search-results .showing-count-panel {right: 100px;}
}

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

    #main-menu .navbar-nav li ul.dropdown-menu{width: 100%; box-shadow: none;}
    #main-menu{height: 100vh; overflow-y: scroll;}

    .container-fluid, .container {padding:0 15px;}
    .navbar .container-fluid{margin:0 15px;}

    #main-menu{display: none;}
    #mobile-menu-icon{display: block;}
    .navbar,.navbar.fixed{padding:10px 0; background-color:rgba(255,255,255,1); box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); height:60px;}
    #wrapper {width: 100%; position: relative; z-index: 1;}
    #mobile-menu {display: block;}
    .navbar a img, .navbar.fixed a img {max-width: 80px; display: block;}
    .navbar a img.reverse {display: none;}

    #banner{padding:0; height: auto; margin: 60px 0 0 0;}
    #banner .item{height: 177px; background-size: cover;}
    #banner .container {position: inherit;}
    #banner .banner-caption {width: auto;}
    #banner .banner-caption .home-title {font-size: 1.875rem; line-height: normal;}
    #banner .banner-caption .home-title span {font-size: 1.25rem;}
    #banner .form-wrap {padding-left: 0;}
    .down-arrow{display: none;}
    #banner .owl-nav{display: none;}
    #banner .banner-text .sub-title{font-size: 1rem;}
    #banner .banner-text .title{font-size: 2rem; margin-bottom: 20px;}
    .form-wrap .form-control{border: none; }
    #banner .banner-caption form .search-now{width: 35px; height: 35px; background-size: 55%;}
    
    #about .clip {font-size: 8.829rem; line-height: 8.829rem; text-align: center;}
    #about p.exp-title {font-size: 1.25rem;}
    
    #services .btn-custom1 {position: inherit; right: 0;}
    .style1 .owl-dots {margin-top: 25px;}
    
    #innovations .items .item {padding: 20px 30px; height: calc(100% - 30px);}
    #innovations .items .item h3:before {left: -30px;}
    
    #testimonials {min-height: 0;}
    #testimonials .bg {display: none;}
    #testimonials .slider .item p {font-size: 1.2rem;}
    
    #contact-now{padding: 30px 0;}
    #contact-now .text{font-size: 1.3125rem; line-height: 1.5; margin-bottom: 30px;}
    #contact-now .text-right{text-align: left !important;}
    
    .padding{padding:50px 0;}
    .btn-cust{margin-top:20px;}
    h2.title{margin: 0 0 30px; font-size: 1.75rem}

    #inner-banner{height: 140px; margin-top: 60px;}
    #inner-banner .row{height: 140px; align-items: center!important;}
    #inner-banner .row [class^='col'] {padding: 0;}
    
    h1{font-size: 2rem; margin: 0;}
    #job-details .job-info-card{padding: 15px; margin-bottom: 25px;}
    #job-details .job-title-loc p span {display: block; margin-bottom: 5px;}
    #job-details .btn-set .btn {padding: 12px 15px;}
    #job-details .job-info-card .quick-info {margin: 0 -15px; text-align: left; padding: 0 20px;}
    #job-details .job-info-card h3.post-title{font-size: 1.25rem;}
    #job-details .quick-info ul {display: block !important;}
    #job-details .quick-info ul li {border-left: 0;}
    #job-details .quick-info ul li a, #job-details .quick-info ul li.share {padding: 15px 0 !important; font-size: 1rem;}
    #job-details .quick-info p.cat-post {text-align: center !important;}
    
    .social-share-panel{margin: 30px 0;}
    #job-details .job-info-card .company-name{display: inline-block;}
   
    #job-details .spl-item {padding: 15px; font-size: 1.275rem;}
    
    .related-jobs-panel h3 {padding: 20px;}
    .related-jobs-panel ul li a {padding: 15px 20px;}

    #searchModal .modal-body .form-control{border:1px solid #ebebeb;}
    
    #filter{display: none;}
    .filter-icon{display: block; font-size: .85rem; margin-left: -20px;}
    .filter-icon i{height: 25px; width: 25px; line-height: 25px;}
    #search-results h2{margin-bottom: 0; font-size: 1.2rem;}
    #filter-menu #filter{display: block;}
    #search-filter,#accordion.job-filter{border: none; border-bottom: 1px solid #ebebeb; border-radius: 0;}
    #filter-wrap{margin-top: 20px; padding: 15px;}
    #filter-wrap .title .filter-list-data > div span{display: inline-table; text-align: left; line-height: normal; padding: 3px 30px 3px 10px;}
    #filter-wrap .title .filter-list-data .cross:before{text-align: center;}
    
    .cust-scrollbar .mCustomScrollBox{max-height: 250px !important;}
    
    #industryInput,#categoryInput,#locationInput{display: none !important; }
    
    #footer #top .address{margin-bottom: 20px;}
    #footer #top .contact-info{margin-bottom: 25px;}
    #footer #top .social-share{margin-bottom: 30px;}
    #footer #top h3{margin: 10px  0 20px; font-size: 1.375rem;}
    #footer #bottom{padding: 15px 0; font-size: 0.8125rem;}
    #footer #bottom .divider{display: none;}
    #footer #bottom .design-by{display: block; margin-top: 10px;}
    
    .p-lr {padding-left: 0; padding-right: 0;}
    h3.light {font-size: 1.25rem;}
    .we-are-known {padding-top: 25px;}
    .we-are-known .pic {width: auto; margin-bottom: 25px;}
    .we-are-known ul li {font-size: 1.15rem;}
    .what-makes-difference-panel:before {display: none;}
    .talent-rec-panel ul {flex-wrap: wrap;}
    .talent-rec-panel ul li {width: 47.5%; height: auto; min-height: 100px; padding: 20px; margin-bottom: 15px; font-size: 1.25rem;}
    
    .services-pg .ListStyle {display: block !important; margin: 25px 0 35px;}
    .services-pg .ListStyle li {margin-bottom: 7px;}
    .spl-section {background: none; background-color: #61a492; padding: 25px 0; margin: -25px 0;}
    
    .testimonials-pg .item {padding: 25px 25px 100px 25px;}
    .testimonials-pg .item .item-content {padding-left: 50px; font-size: 1.275rem;}
    .testimonials-pg .item .item-content:before {transform: scale(0.3); transform-origin: 0 0; left: 0;}
    .testimonials-pg .item:before {border-left: 65px solid #7fb767; border-top: 57.5px solid transparent; border-bottom: 57.5px solid transparent; bottom: -20px;}
    .testimonials-pg .item .item-bottom {padding-left: 75px; padding-right: 25px;}
    .testimonials-pg .item .item-bottom .pic {width: auto; height: auto;}
    
    .career-pg .item {padding: 15px;}
    .career-pg .item .pic {margin-bottom: 15px;}
    .career-pg .item .pic img {width: 100%;}
    .career-pg .item .item-content {padding: 0;}
    
    .contact-pg .nav-tabs {display: flex; flex-wrap: nowrap; white-space: nowrap; overflow: hidden; overflow-x: scroll;}
    .contact-pg .nav-tabs .nav-item {margin-bottom: 0; margin-right: 40px;}
}

@media only screen and (min-width:320px) and (max-width:480px){
    #banner .banner-caption .sub-title{font-size: 0.85rem;}
    #banner .banner-caption .title{font-size: 1.8rem;}
    #job-details .job-info-card .job-type{margin-left: 0;}
}