.tasktracker_box .img-resize img { max-width: 110%; }
.tasktracker_box { overflow: hidden; position: relative; color: #000!important; }
.tasktracker_hdr { width: 100%; height: 100%; padding-top: 15px; position: relative; background: url(../img/tasktraker/bg_banner.jpg) no-repeat center; background-size: 100% 100%; min-height: 800px; }
.tasktracker_box p { color: #848484; }
.tasktracker_hdr h3, 
.tasktracker_hdr p { color: var(--white); }
.tasktracker_logo { padding-bottom: 30px; }
.tasktracker_logo img { width: 200px; }
.tasktracker_img { padding-top: 150px; }
.tasktracker_hdr h3 { padding-bottom: 15px; }
.task_head, 
.tasktracker_key_feature { position: relative; padding: 50px 0 100px; }
.tasktracker_box .web_wrap { padding: 0 80px; }
.tracker_title h2 { position: relative; display: inline-block; text-align: left; margin-bottom: 70px; font-weight: 600; }
.tracker_title h2:before { position: absolute; content: ""; left: 0; width: 100%; height: 6px; background: #feb26f; bottom: 7px; z-index: -1; }
.tasktracker_projects.task_head { padding: 100px 0 150px; }
.tech_stack.key_det .tracker_title h2 { margin-bottom: 20px; }
.tech_stack .tracker_title h2:before { background: #73c85e; }
.tasktracker_box .detail_sum { border: 3px solid #000; padding: 30px 15px 0 30px; border-radius: 10px; position: relative; }
.tasktracker_box .detail_sum:before { position: absolute; content: ""; background: #f0f0f0; left: 15px; right: 0; width: 100%; height: 100%; z-index: -1; border-radius: 8px; top: 15px; }
.tasktracker_box .img_lft { position: relative; }
.tasktracker_box .img_lft:before { position: absolute; content: ""; left: -28%; background: url(../img/tasktraker/tab_before.png) no-repeat left; background-size: contain; padding: 50% 60%; top: -50%; z-index: -1; }
.tasktracker_projects .tracker_title h2 { margin-bottom: 20px; }
.track_det { padding-right: 100px; }
.tech_stack .track_det { padding-left: 100px; padding-right: 50px; }
.tasktracker_box .img_right { position: relative; }
.tasktracker_box .img_right:before { position: absolute; content: ""; right: -30%; background: url(../img/tasktraker/tab_after.png) no-repeat left; background-size: contain; padding: 80% 70%; top: -10%; z-index: -1; }
.tasktracker_phones { background: #fe9132; margin-top: 100px; padding: 100px 0 40px; text-align: center; position: relative; }
.tasktracker_phones:before { position: absolute; content: ""; right: -12%; padding: 10%; background: url(../img/tasktraker/circle.png) no-repeat right; background-size: contain; z-index: 1; top: 10px; }
.tasktracker_phones:after { position: absolute; content: ""; left: -10%; padding: 10%; background: url(../img/tasktraker/filled_circle.png) no-repeat right; background-size: contain; z-index: 1; bottom: 40px; }
.tasktracker_img { padding-top: 20px; }

@media (max-width: 1200px){
    .tasktracker_box .web_wrap { padding: 0 40px; }
    .tasktracker_projects.task_head { padding: 25px 0 50px; }
    .task_head, 
    .tasktracker_key_feature { padding: 0 0 50px; }
    .tasktracker_phones { margin-top: 0; }
    .tasktracker_hdr { min-height: 620px; padding-top: 40px; }
    .tech_stack .track_det { padding-left: 70px; }
    .track_det { padding-right: 70px; }
}
@media (max-width: 1024px){
    .tech_stack .track_det { padding-left: 55px; }
    .track_det { padding-right: 55px; }
    .task_head h4 { font-size: 20px; }
}
@media (max-width: 767.98px){
    .tasktracker_hdr { background-size: cover; background-position: left; }
    .tasktracker_box .web_wrap { padding: 0 25px; }
    .task_head, .tasktracker_key_feature { padding: 10px 0; }
    .tasktracker_img { padding-top: 0; }
    .tasktracker_logo { padding-bottom: 10px; }
    .tasktracker_box .detail_sum { margin-bottom: 40px; }
    .tasktracker_box .img_lft:before { padding: 32% 60%; top: -30%; }
    .tech_stack .track_det, .track_det { padding: 0 40px; }
    .tracker_title.text-center { text-align: left!important; }
    .tracker_title.text-center h2 { margin-bottom: 30px; }
    .tasktracker_box .img_right:before { padding: 53% 50%; }
    .tasktracker_box .img_right { text-align: center; }
    .tasktracker_projects.task_head { padding: 10px 0; }
    .tracker_title.text-center h2 br { display: none; }
    .tasktracker_box .img-resize img { max-width: 100%; }
    .tasktracker_phones { padding: 50px 0 30px; }
}
@media (max-width: 575px){
    .tasktracker_box .img_right:before { padding: 73% 50%; top: 0; }
    .tasktracker_phones { padding: 40px 0 10px; }
    .tasktracker_box .img_lft:before { padding: 43% 60%; }
    .tasktracker_logo { padding-bottom: 0; }
    .tasktracker_hdr h3 { padding-bottom: 0; }
    .tasktracker_hdr { min-height: 560px; }
    .tracker_title.text-center h2 { margin-bottom: 20px; }
}