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

@media only screen and (min-width:1366px) and (max-width:1440px){
    #banner .banner-caption{padding-bottom: 100px;}
    #banner .banner-text{padding-bottom: 220px;}
}

@media only screen and (min-width:1025px) and (max-width:1365px){
    #banner .banner-caption{padding-bottom: 100px;}
    #banner .banner-text{padding-bottom: 220px;}
     #banner .banner-text .sub-title{font-size: 1.25rem;}
    #banner .banner-text .title{font-size: 3.85rem;}
}

@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){

    #main-menu .navbar-nav li ul.dropdown-menu{width: auto; padding: 0;}
    #main-menu li .dropdown-menu{box-shadow: none;}

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

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

    .padding{padding: 75px 0;} 
    .padding130{padding: 75px 0;} 

    #banner{padding:0; height: calc(60vh - 120px); margin: 80px 0 0 0;}
    #banner .item{height: calc(60vh - 120px);}
    #banner .owl-nav{display: none;}
    #banner .banner-text{width: 95%; padding-bottom: 230px;}
    #banner .banner-text .sub-title{font-size: 1.2rem;}
    #banner .banner-text .title{font-size: 3rem;}
    #banner .banner-caption{padding-bottom: 100px;}
    #banner .banner-caption .sub-title{font-size: 1.25rem;}
    #banner .banner-caption .title{font-size: 3.125rem; margin-bottom: 20px;}
    

    #about .about-pic img{max-width: 150%; right: -50px;}

    .job-domain{flex:0 0 auto; }
    .job-domain .col {}
    .job-domain .item .icon-wrap{margin: 0 auto 20px;}

    #job-categories:after{transform: scale(0.7); transform-origin: right 50%;}

    #success-stories{padding-bottom: 70px;}
    #success-stories .person-pic{display: none;}
    #success-stories:after{display1: none; height: calc(50% - 25px);}
    #success-stories [class*=col-]{display: flex; overflow-x: scroll; align-items: center;}
    #success-stories .circle{position: relative; margin-right: 20px; flex:0 0 auto; }
    #success-stories .circle .message{font-size: 1rem;}
    #success-stories .circle .name{font-size:0.9375rem; }
    #success-stories .circle.small{width: 250px; height: 250px;}
    #success-stories .circle.small.first{left: 0; right: 0; top: 0; bottom: 0;}
    #success-stories .circle.big.second{width: 300px; height: 300px; right: 0; top: 0;}
    #success-stories .circle.small.third{right: 0; bottom: 0;}
    #success-stories .more{position: relative; flex: 0 0 auto; top: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;}
    
    #inner-banner,#inner-banner .row{height: 250px;}
    #inner-banner{margin-top: 80px;}
    
    h1{font-size:3.0625rem; margin-bottom: 0;}
    
    .rec-services-container .pic{display: none;}
    
    #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;}
    #job-details .job-info-card .quick-info .email-icon{margin-right: 0;}
    .social-share-panel{margin-top: 30px;}
    
    .services-steps .step .circle { width: 188px; height: 188px;}
    .services-steps .step .circle .img{height: 188px;}
    
    .services-steps{padding-bottom: 0;}
    
    #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;}
    
    .cust-scrollbar .mCustomScrollBox{max-height: 250px !important; overflow-y: scroll !important;}
    #job-details .job-info-card{padding: 55px 30px 35px 30px;}
    #job-details .job-info-card .job-type{top: 15px;}
    
    #main-container.bg{margin-top: 60px;}
}

@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{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-brand img{width: 140px;}

    #banner{padding:0; height: calc(100vh - 60px); margin: 60px 0 0 0;}
    #banner .item{height: calc(100vh - 60px);}
    .down-arrow{display: none;}
    #banner .owl-nav{display: none;}
    #banner .banner-caption{width: 100%; padding: 0 15px 0; bottom: 20px; }
    #banner .banner-text .sub-title{font-size: 1rem;}
    #banner .banner-text .title{font-size: 2rem; margin-bottom: 20px;}
    #banner .banner-caption form .form-row{padding:5px; border-radius: 15px;}
    .form-wrap .form-control{border: none; }
    .form-wrap{width: 100%; border-radius: 25px;}
    #banner .banner-caption form .search-now{width: 35px; height: 35px; background-image: url(../images/search-small.png);}
    #banner .banner-text{width: 100%; padding: 0 15px 150px;}
    
    #contact-now .text-right{text-align: left !important;}
    
    .padding{padding:50px 0;}
    .padding130{padding: 30px 0;}
    .btn-cust{margin-top:20px;}
    h2.title{margin: 0 0 30px; font-size: 1.75rem}
    h2.title span{font-size: 1rem}

    .job-domain{justify-content: center;}
    .job-domain .col{width:50%; max-width: 50%;}
    .job-domain .item .icon-wrap{width: 130px; height: 130px; margin: 0 auto 20px;}
    .job-domain .item .icon-wrap .icon{height: 110px;}
    .job-domain .item .icon-wrap .icon img{transform: scale(0.65);}
    .job-domain .item .name{font-size:0.9375rem; }

    #job-categories:after{transform: scale(0.5); transform-origin: right top;}
    .job-list {flex-wrap: nowrap; overflow: hidden; overflow-x: scroll;}
    .job-list .col{ flex: 0 0 auto; }
    .job-list .item{padding: 20px; margin: 15px 0 50px; height: calc(100% - 50px);}
    .job-list .item .post-name{font-size: 1.125rem;}
    .job-list .item .type{font-size: 0.75rem; min-width: 100px;}

    #popular-jobs .btn-cust{margin-top: 30px !important;}

    #success-stories{padding-bottom: 50px;}
    #success-stories .person-pic{display: none;}
    #success-stories:after{display1: none; height: calc(50% - 25px);}
    #success-stories [class*=col-]{display: flex; overflow-x: scroll; align-items: center;}
    #success-stories .circle{position: relative; margin-right: 20px; flex:0 0 auto; }
    #success-stories .circle .message{font-size: 1rem;}
    #success-stories .circle .name{font-size:0.9375rem; }
    #success-stories .circle.small{width: 250px; height: 250px;}
    #success-stories .circle.small.first{left: 0; right: 0; top: 0; bottom: 0;}
    #success-stories .circle.big.second{width: 300px; height: 300px; right: 0; top: 0;}
    #success-stories .circle.small.third{right: 0; bottom: 0;}
    #success-stories .more{position: relative; flex: 0 0 auto; top:0;}


    #contact-now{padding: 30px 0;}
    #contact-now .text{font-size: 1.3125rem; line-height: 1.5; margin-bottom: 30px;}
    
    #search-button{width: 35px; height: 35px; right: 40px;}
    #search-button .icon{transform: scale(0.7);}
    #inner-banner{height: 140px; margin-top: 60px;}
    #inner-banner .row{height: 140px;}
    
    h1{font-size: 2rem; margin: 0;}
    .rec-services-panel{margin-bottom: -100px;}
    .services-steps:before{display: none;}
    .services-steps{padding-bottom: 0;}
    .services-steps .justify-align-center [class*=col-]{border-bottom: 1px dashed #ebebeb;}
    .services-steps .justify-align-center [class*=col-]:last-child{border-bottom: none;}

    .rec-services-container .pic{display: none;}
    .services-panel {margin-top: 50px;}
    .services-panel .service-support [class*=col-]{margin-bottom: 10px;}
    .half50{column-count: 1;}
    
    .career .pic{display: none;}
    h2.title.has-circle:before{width: 45px; height: 45px; left: -14px; top: -8px;}
    .contact-panel h2.title{margin-top: 0;}
    #job-details .job-info-card{padding: 15px 0;}
    #job-details .job-info-card .job-type{position: relative; right: 0; display: inline-block; top: 0; margin-left: 10px;}
    #job-details .job-info-card h3.post-title{font-size: 1.25rem;}
    #job-details .job-info-card .quick-info{margin:30px 0 0; text-align: left;}
    #job-details .job-info-card .quick-info i{margin-right: 10px; }
    #job-details .job-info-card .quick-info .loc-icon{margin-right: 17px;}
    #job-details .job-info-card .quick-info p br{display: none;}
    .social-share-panel{margin: 30px 0;}
    #job-details .job-info-card .company-name{display: inline-block;}
    #job-details .job-description{padding: 15px;}
    
    .what-makes-difference-panel{ margin-top: 40px; margin-bottom: 40px;}
    #search-results .item{padding: 15px;}
    #search-results .btn-set.float-right{float: none !important; margin-top: 15px;}
    #search-results .item .btn-set .btn{padding: 8px 10px;}
    #search-results .item .btn-set .btn:last-child{margin-left: 10px;}
    #search-results .item h3.post-title{padding-right: 0;}
    #search-results .item .job-type{position: relative; display: inline-block; top: 0; right: 0; margin-bottom: 15px;}
    
    #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; }
    #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;}
    #footer #bottom{padding: 15px 0; font-size: 0.8125rem;}
    #footer #bottom .divider{display: none;}
    #footer #bottom .design-by{display: block; margin-top: 10px;}
    
    .login-outer{margin-top: 60px; height: auto;}
    .login-wrap{top: 0; transform: translateY(0);}
    .login-block{padding: 20px;}
    
    #dashboard-menu{margin-bottom: 20px; flex-wrap: nowrap; height: auto;} 
    #main-container.bg{margin-top: 60px;}
    .tablenav-pages{text-align: center;}
    
    .table-cust tbody#the-list td .t-title,.table-cust tbody#the-list td .t-value{display: block; width: 100%; text-align:  left !important; padding: 8px 10px; }
    .table-cust thead.thead-light{display: none;}
    .table-cust tbody#the-list td .t-title{color: #495057; font-weight: 600; background-color: #e9ecef;}
    .table-cust tbody#the-list td .t-value{}
    .table-cust tbody#the-list tr td{display: block; width: 100%; padding: 0; border-bottom: none;}
    .table-cust tbody#the-list tr{display: block; margin-bottom: 20px; border-bottom: 1px solid #dee2e6;}
    .table-cust tbody a.box-count{ text-align: center;}
    
    .dashboard .button-wrap{text-align: left; margin-top: 20px;}
    .dashboard #search-jobs{margin: 0 0 0 15px;}
    .dashboard .add-btn{float: left;}
    #tab a{padding: 10px 15px;}
}

@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;}
}