.padding75{padding: 75px 0;}
.pb0{padding-bottom: 0 !important;}
#service-data .service-content{margin-bottom:100px;}
#service-data .service-content .title{ font-weight: 700;}
#service-data .service-content p{margin:0; padding-left: 70px;}
.service-list .item{transition:all .3s linear; position: relative; height:440px; display: flex; align-items:center;border:1px solid #b7b7b7; overflow:hidden; margin-bottom:35px;}
.service-list .item .box{padding: 0 45px;}
.service-list .item .box .title{font-size: 185%; line-height: 1.2; margin-bottom: 20px;font-weight: 700; position: relative; transition: all .5s linear; top: 0;}
.service-list .item:hover .box .title{top: -50px;}
.service-list .item .box p{font-size:100%;}
.service-list .item .box-overlay{transition:all .3s linear; background:#000; position: absolute; height:100%; display:flex; align-items:center; opacity: 0; visibility: hidden; left:0; top:100%; right: 0; bottom:0; flex-direction:column; padding: 40px; justify-content: center; color:#fff;}
.service-list .item .box-overlay .title{ transition: all .5s linear; font-size: 185%; line-height: 1.2; margin-bottom: 18px;font-weight: 700; position: relative; width: 100%;}
.service-list .item .box-overlay .title:before{position: absolute; content: ""; background-color: #da2128;  width: 10px; height: 95%; position: absolute; left: -40px; top: 5%;}
.service-list .item .box-overlay ul{margin:0; padding: 0; list-style:none; width: 100%;}
.service-list .item .box-overlay ul li{font-size:100%; margin-bottom:8px;}
.service-list .item .box-overlay ul li:last-child{margin-bottom:0;}
.service-list .item:hover .box-overlay {visibility: visible;  opacity: 1; top:0;}

.title-wrap{display:flex; justify-content: space-between; }
.title-wrap .title{margin-bottom: 50px;}


@media only screen and (min-width:1530px) and (max-width:1920px) {
    .our-work .item .img-wrap{height: 245px;}
    
}

@media only screen and (min-width:1600px) and (max-width:1920px)
{
    /*    #banner-home .item .caption h1.text{ font-size: 90px; line-height: 95px;}
        h2.title{font-size: 60px; padding-left: 80px;}
        .sub-text{font-size: 34px; line-height: 40px;}
        .padding-left{padding-left: 80px;}
        section.padding{padding: 100px 0;}*/

    body, table, input, textarea, select{font-size: 16px;}
    #banner-home .item .caption h1.text{font-size: 563%; line-height: normal;}
    h1.title{font-size: 375%;}
    h2.title{font-size: 375%;}
    #statics-list .block .number{font-size: 375%;}
    h1.sub-text,.sub-text{font-size: 225%; line-height: normal; margin-bottom: 50px;}
    .our-work .item .img-wrap{margin-bottom: 25px;}
    .our-work .item .info .title{font-size: 155%; min-height1: 95px;}
    .our-work .btn-cust{margin-top: 60px; margin-top: 50px;}
    #home .insight h2.title{margin-bottom: 90px;}
    section.padding{padding: 70px 0;}
    section.f-padding{padding1: 0;}
    .padding-top{padding-top: 70px;}
    .padding-bottom{padding-bottom: 70px;}
    #home .our-work .item .img-wrap{height1: 200px;}
    .our-work .item .img-wrap{ height2: 200px;}
    .btn-cust{height: 50px; line-height: 50px;}
    .btn-cust .icon{height: 50px; width: 50px;}
    .insight .btn-cust{margin-top: 90px;}
    footer ul{margin: 0;}
    footer ul li a{font-size: 187%;}
    footer ul li a:before{height: 30px; top: 5px;}

    h3.title{font-size: 225%; margin-top: 80px; margin-bottom: 40px;}
    h4{font-size: 137%;}
    .service-page .large .sub-text{font-size:300%; text-transform:uppercase; line-height: 1.2;}
    #main-container.service-page .large p{font-size:120%; }
    #service-data .service-content .title{font-size: 228%;}
    #service-data .service-content p{font-size:120%; }
}

@media only screen and (min-width:1025px) and (max-width:1599px)
{   
    .service-page .large .sub-text{font-size:240%; text-transform:uppercase; line-height: 1.2;}

    #main-container.service-page .large p{font-size:112%; }
    #service-data .service-content .title{font-size: 185%;}
    #service-data .service-content p{font-size: 112%; }
    .service-list .item .box .title {font-size: 185%;}
    #service-new-slider .item .info .title{font-size: 185%;}
    .service-list .item .box-overlay .title{position: relative; font-size: 185%;}
    
}
@media only screen and (min-width:1025px) and (max-width:1440px)
{
#top-menu ul li{margin-left: 18px;}
#top-menu ul li#t-call-action {margin: 20px 0 0 30px;}
#top-menu ul li#t-call-action a:hover{width: 180px;}

#top-menu #social-links {margin-left: 0;}

}


@media only screen and (min-width:768px) and (max-width:1024px)
{
    .modal-lg{width: 100%;}
    .solutions .infographic{max-width: 300px;}
    body{position: relative;}
    header {height: auto; padding: 15px 0; position: fixed; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
    header.shadow{box-shadow: 0 0 5px rgba(0,0,0,0.2);}
    header #logo img {max-width: 150px;}

    #mobile-top-menu{display: none;}

    #logo {margin: 0;}
    #mobile-menu-icon, #mobile-menu, #number-icon {display: block;}
    #mobile-menu ul li#t-call-action{display: none;}
    #main-container{margin-top: 50px;}

    #top-menu ul li#t-call-action{margin: 20px 0 0 20px;}
    #top-menu ul li#t-call-action a .text{display: none;}
    #top-menu ul li#t-call-action a:hover{width: 42px;}
    
    body{position: relative;}
    #top-menu ul{margin: 0;}
    #top-menu ul li {margin:0 0 0 20px;}
    #top-menu ul li#t-social a{padding: 10px 20px;}
    #top-menu ul li a{font-size: 80%;}
    #banner-home .item .caption h1.text{font-size: 380%;}
    #banner-home .item .caption .btn-cust{margin-top: 50px;}

    .table-outer .table-data1{height: 100%;}
    .our-work .item .img-wrap{height: 150px;}
    .our-work .item .info .title{font-size: 110%;}
    .our-work .item .info p{font-size: 100%;}
    .our-work .btn-cust{margin-top: 30px;}
    .insight .btn-cust{margin-top: 30px;}
    
    footer1{padding: 50px 0;}
    footer ul{margin:0 0 25px;}
    #social-links{float: none; text-align: left; padding-left: 50px;}
    #social-links a{float:none; display:inline-block; }
    #social-links:after{display: none;}

    #top-menu #social-links{padding-left: 0; margin-left: 0;}

    .copyright {bottom: 30px;}
    
    #approach .approach-title{padding: 30px; font-size: 150%;}
    #impact .block{padding: 30px;}
    #impact .block .text{font-size: 185%;}
    #impact .block ul li{font-size: 125%;}
    
    #directors-profile.data-modal .close{top: 170px;}
    #directors-profile.data-modal{overflow-y: scroll;}
    section.f-padding{padding: 0;}
    
    .owl-dots{left: 0; right: 0; top: auto; transform: translateY(0); text-align: center}
    .owl-dots .owl-dot{display: inline-block;}
    section.f-padding .table-outer .table-data{height: auto; padding: 50px 0 100px;}
    #home section.f-padding .table-outer .table-data{height: calc(100vh - 88px); padding: 0;}

    /*    body{position: relative;}
        #top-menu ul li {margin-left: 28px;}
        #banner-home {height: calc(100vh - 250px);}
        #banner-home .item, #banner-home .bg {height: calc(100vh - 302px);}
        h1, h1.title, .about-content h2.title, .director-detail .content h2.title {font-size: 200%;}
        h2.title, footer h2.title {font-size: 150%;}
        .why-us, footer {padding: 75px 0;}
        #services .block h3 {font-size: 130%; line-height: normal;}
        #services {padding-bottom: 75px;}
        .about-content, .case-study-content {padding: 40px 0 0;}
        .about-content h3.title {font-size: 113%;}
        .director-detail .content {padding: 25px;}
        #banner {max-height: 400px;}
        .white-block {padding: 75px 0;}
        #portfolio .item .detail {font-size: 100%;}
        .why-us h1, .work-category {margin-left: 0;}
        .case-study-content h1.title {margin-bottom: 40px;}
        .case-study-content .case-block .text {font-size: 100%; left: 15px; padding: 15px 20px;}
        .inner-banner {height: 300px;}
        .place-content {padding-top: 30px;}
        .place-content h1.title {margin-bottom: 50px;}
        .place-content .tab-content .banner-bg {height: 400px;}
        .photo-video-content .content {padding: 25px;}
        .place-content h3 {font-size: 200%;}
        .place-content .content-area, .key-challenges {padding: 35px;}
        .place-content ul.nav-tabs {display: flex; white-space: nowrap; overflow: hidden; overflow-x: visible;}
        .place-content ul li {font-size: 100%;}
        .no-banner #main-container {margin-bottom: 0;}
        .place-content p {font-size: 100%; line-height: 24px;}*/
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){
    #impact .para{max-width: 100%; text-align: left;}
    #impact .tagline{top: auto; bottom: 0; left: 0;}
    #directors-profile.data-modal .close{top: 170px;}
    #directors-profile.data-modal{overflow-y: scroll;}
    #home section.padding{padding: 88px 0 0;}
    #our-team [class^='col-']{width: 25%;}
    #our-team .item.no-item{width: auto;}
    #our-team .item.no-item .text{font-size: 14px;}
    #statics-list .block{margin-bottom: 30px;}

    #menu.animation ul li#t-contact #social-links{position: relative; text-align: left; margin-top: 30px;}
    #menu.animation ul li#t-contact #social-links a{display: inline-flex;}
    #menu.animation ul li#t-contact #social-links a{margin: 0 15px 0 0;}
    .tab-outer{top: 72px;}
}

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

    .modal-lg{width: 100%;}
    .solutions .infographic{max-width: 300px;}
    body{position: relative;}
    header {height: auto; padding: 15px 0; position: fixed; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
    .tab-outer{top: 72px;}
    header.shadow{box-shadow: 0 0 5px rgba(0,0,0,0.2);}
    header #logo img {max-width: 110px;}
    .digital-link{max-width: 80px;}
    .menu-btn{margin-left: 0;}
    #logo {margin: 0;}
    #mobile-menu-icon, #mobile-menu, #number-icon {display: block;}
    #mobile-menu ul li#t-call-action{display: none;}
    #main-container{margin-top: 50px;}
    #banner-home .item .caption .btn-cust{margin-top: 30px;}

    section.padding,#home section.padding{padding: 30px 0;}
    
    header .row{width: 100%; margin: 0;}
    header .row [class^='col']{padding: 0;}
    #mobile-top-menu{display: none;}
    #top-menu #social-links{display: none;}
    #menu .menu-wrapper{align-items: flex-start; overflow-y: scroll;}

    h1{font-size: 200%;}
    h1.title,h2.title,.b2b-title{font-size: 170%;}
    h1 br, h2.title br,.b2b-title br{display: none;}
    h1:before,h2.title:before,.b2b-title:before{width: 5px;}
    h1,h2.title,.b2b-title{padding-left:25px;}
    .padding-left{padding-left: 25px;}
    #statics-list .block .number{font-size: 170%;}

    footer{padding: 30px 0;}

    footer .sub-text{margin-bottom: 30px;}

    footer ul{margin: 0 0 20px 0; text-align: center;}
    footer ul li:first-child a{padding-right: 20px;}
    footer ul li a:before{left: -10px; height: 13px;}
    footer ul li a{font-size: 100%;}
    #social-links{float: none; text-align: center;}
    #social-links:after{display: none;}
    #social-links a{float: none; display: inline-block; margin: 0 -1px; transform: scale(0.8); transform-origin: center center;}

    #menu.animation ul li#t-contact #social-links{position: relative; text-align: left; margin-top: 30px;}
    #menu.animation ul li#t-contact #social-links a{display: inline-flex;}
    

    #impact .block{padding: 25px;}
    #impact .block .text{font-size: 180%;}
    #impact .block.bg-red ul li{margin-bottom: 15px; font-size:120%;}
    #impact .para{padding: 25px; max-width: none;}
    #impact .para.text-right{float: none; text-align: left; margin-top: 70px;}

    #impact .tagline{display: block; font-size: 160%; width: auto; top: 0; left: 0; right: 0;}
    #impact .block .text{text-align: left;}
    #impact .block.bg-black ul {text-align: left;}
    #impact .block.bg-black ul li{margin: 15px 0 0;}
    #impact .block.bg-black ul li{padding: 0 0 0 15px; font-size: 120%;}
    #impact .block.bg-black ul li:after{right: auto; left: 0;}
    #impact .block.bg-black:before{right: auto; left: 40px;}
    #impact .block.bg-red:after{left: 40px;}

    .approach-list .row{margin-bottom: 40px;}
    #approach .approach-title{padding: 20px; font-size: 140%; top: 0;}
    #approach .approach-title span{margin-bottom: 10px;}
    #approach .approach-desc{margin-left: 0; padding: 20px;}

    .our-work .item{margin-bottom: 30px;}
    .our-work .item .img-wrap{height: 180px; background-color:#f7f7f7;}
    .our-work .item .img-wrap img{margin: 0 auto;}
    .our-work .item .info .title{min-height: auto; font-size: 120%;}

    .our-work .item .info{padding-right: 0;}
    h1.sub-text,.sub-text{font-size: 125%; line-height: normal;}
    .infographic-text{font-size: 125%; padding: 0 0 0 15px;}
    .insight .item a.title{font-size: 170%; line-height: normal;}
    .insight .date-detail{margin-bottom: 15px;}
    .insight .item{margin-bottom: 40px;}
    #social-share{margin-bottom: 25px;}

    #inner-banner{margin-bottom: 30px;}
    h3.title{margin-top: 30px;}
    #inner-slider{margin: 30px auto 60px;}
    .owl-dots{right: 0; left: 0; top: auto; transform:translateY(10px);}
    .owl-dots .owl-dot{display: inline-block; margin:0;}
    .owl-dots .owl-dot span{width: 12px; height: 12px;}

    .case-study-content .banner-large{margin: 30px auto 20px;}

    .job-list{padding: 20px; min-height: auto;}
    .job-list .apply-job{position: relative; left: 0; bottom:0; margin-top: 20px;}
    .job-list .title{font-size: 120%;}

    #banner-home .item .caption h1.text{font-size:200%; line-height: normal; padding: 0;}

    .table-outer{display: block; width: auto; height: auto;}
    .table-outer .table-data{display: block; width: auto; height: auto;}
    #slider{margin: 0 15px 40px 35px; width: calc(100% - 55px);}
    #home .insight h2.title{margin-bottom: 30px;}
    #insight-slider{margin: 0 15px 40px 15px; width: calc(100% - 30px);}
    .insight .btn-cust{margin-top: 30px;}
    
    .director-info .name{font-size: 120%;}
    
    #tabs{display: flex; overflow: hidden; overflow-x: scroll; margin-bottom: 30px; padding-left: 25px;}
    #tabs li{margin-right: 25px !important;}
    #tabs li a{white-space: nowrap; font-size: 130%;}
    
    .copyright{position: relative; bottom: 0; margin: 20px auto 0;}
    .copyright .copy-text{margin-left: 25px; float: none;}
    .copyright .uphill-emg{float: left; margin: 15px 0 0 25px;}

    #statics-list .block{margin-bottom: 30px;}
    
    .director-info .btn-cust{float: left;}
    #directors-profile.data-modal{padding:0 30px; overflow-y: scroll;}
    .director-pic{float: none;}
    #directors-profile.data-modal .close{top: 70px; width: 25px; height:25px; right: 5px;}
    .data-modal .director-content{height: calc(100vh - 150px);}
    
    .onepage-wrapper .section{height: auto;}
    .inner-slider .slider-no .single-item{display: block; padding: 15px; height: auto;}
    .inner-slider .slider-no .single-item a{width: 100%; margin: 15px 0 0;}
    .inner-slider .slider-no .single-item a:first-child{margin-top: 0;}
    iframe{width: 100% !important; height: auto !important;}
    .fb-video-outer{width: 100% !important;}
    #our-team [class^='col-']{width: 50%;float: left; padding: 0 7px;}
    #our-team .item{margin-top: 15px;}
    #our-team .item .info{padding: 10px;}
    #our-team .item .info .name{font-size: 16px; line-height: 18px;}
    #our-team .item .info .post{font-size: 10px; line-height: 12px;}
    #our-team .item.no-item{width: auto; height: auto; padding: 15px;}
    #our-team .item.no-item a{position: relative; left: 0; right: auto; bottom: 0; margin-top: 30px; display: inline-block;}
    #accordion .panel-heading .panel-title a{font-size: 120%; padding: 15px 60px 15px 20px;}
    #accordion .panel-heading .icon-bar{width: 60px;}
    .faqs#accordion .panel-heading .panel-title a{font-size: 120%; padding: 15px 60px 15px 20px;}

    #home section.about-us h2.title{margin-top: 50px;}
    .award-pic{margin: 0 auto -30px !important; width: 300px !important;}
    .award-text{margin-top: 20px;}

    #footer-links{flex-wrap: wrap; margin-top: 50px; justify-content: flex-start;}
    #footer-links li{margin: 0 10px 15px;}

    .solutions .title{padding-right: 20px;}
    .solutions .sub-text{ padding-right: 20px; padding-left: 20px;}

    .our-team{display: flex; flex-wrap: wrap;}
    .our-team [class^='col-']{width: 50%;}

    .founder-pic{max-width: 90%; margin-bottom: 30px;}

    /*    body{position: relative;}
        header {height: auto; padding: 15px 0; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
        header #logo img {max-width: 150px;}
        #top-menu {display: none;}
        #logo {margin: 0;}
        #mobile-menu-icon, #mobile-menu {display: block;}
        #banner-home, .no-banner #main-container {margin-top: 53px;}
        #banner {height: 300px;}
        #banner-home .item .container .caption .content > span {font-size: 100%;}
        #banner-home .item .container .caption p {font-size: 70%;}
        #banner-home .item .container .caption .btn-custom {font-size: 70%;}
        #home #banner {height: auto;}
        #banner-home .item .container .caption {font-size: 150%;}
        #social-links {top: 14.5px; right: 54px; display: none;}
        #social-links a {width: 24px; height: 24px; line-height: 24px; display: inline-block; vertical-align: middle; margin: 0 0 0 5px;}
        #social-links a:first-child {margin-left: 0;}
        #social-links a i {font-size: 14px;}
        footer {padding: 50px 0;}
        footer h2.title {margin-bottom: 25px; font-size: 200%;}
        footer p {font-size: 115%;}
        footer ul {margin: 35px 0;}
        footer ul li {display: block; width: 100%; margin: 0 0 15px;}
        footer ul li a {font-size: 114%;}
    
        .work-category {margin: 35px 0;}
        .work-category .row .item a span {position: inherit; bottom: auto; left: auto; text-align: center;}
        .why-us.work .row [class^='col-'] {display: block !important; width: 100%;}
        .work-category .row .item {height: auto;}
        .work-category .row .item a {padding: 25px 0;}
    
        h1.title, h2.title, .director-detail .content h2.title, .about-content h2.title {font-size: 180%; margin-top: 0;}
    
        .why-us {padding: 35px 0 !important;}
        .why-us .row:first-child [class^='col-'], .white-block .row [class^='col-'] {float: left; display: block;}
        .why-us h1 {margin-left: 0; margin-bottom: 25px;}
        .why-us p, .white-block p {font-size: 100%; line-height: 24px;}
    
        .about-content {padding: 50px 0;}
        .about-content p, .director-detail .content p, .blog-item ul {font-size: 100%; line-height: 24px; margin-bottom: 18px;}
        .about-content h1.title {margin-top: 0;}
        .director-detail .row [class^='col-'] {float: left; display: block; vertical-align: top;}
        .director-detail .content {padding: 25px 15px;}
        .white-block {padding: 50px 0;}
        .no-banner #main-container {margin-bottom: 80px;}
        #portfolio {padding: 50px 0;}
        #portfolio .item .img img {height: auto; max-width: 100%;}
        .career h2.title {font-size: 150%; padding-left: 20px;}
        #accordion .panel-heading a {padding: 20px;}
        #accordion .panel-heading .icon-bar {width: 50px;}
        #accordion .panel-heading .panel-title a {font-size: 100%;}
        #accordion .panel-body {padding: 15px 20px;}
        #accordion .panel-body h4 {font-size: 100%;}
        #accordion .panel-body ul li {font-size: 88%;}
        .a2a_button_whatsapp {display: block;}
        .about-content.blog {padding-bottom: 0;}
        .blog-item {padding: 15px;}
        .blog-item .date-detail {font-size: 100%; margin-bottom: 10px;}
        .blog-item h2.title {font-size: 150%;}
        .contact-pg .about-content {padding-bottom: 0;}
        .show-map {margin: 30px 0;}
        .contact .content {padding: 25px 15px;}
        .contact .content h2.title {font-size: 180%;}
    
        .case-study-content{padding:30px 0 0 0;}
        .case-study-content h1.title{text-align:center;margin-bottom:30px;}
        .inner-banner{height:250px;}
    
        .place-content{padding:30px 0 0 0;}
        .place-content h1.title{margin-bottom:30px;}
    
        h1.title span{font-size:40%;}
        .place-content .title-text{font-size:130%;}
        .place-content p{font-size:100%;line-height:24px;}
        .place-content .tab-content{padding-top:30px;}
    
        .place-content h3{font-size:200%;}
        .place-content .content-area{padding:20px;}
        .place-content ul.nav-tabs {display: flex; white-space: nowrap; overflow: hidden; overflow-x: visible;}
        .place-content .tab-content .banner-bg{height:300px;}
        .place-content .event-detail{margin-top:-140px;}
        .place-content ul li {font-size: 100%;}
        .key-challenges {padding: 15px;}
    
        .case-study-content .case-block {margin-bottom: 30px;}
        .case-study-content .case-block .text {position: inherit; left: 0; bottom: auto; display: block; font-size: 100%; padding: 15px;}
    
        .photo-video-content .row [class^='col-'] {float: none; width: 100%; display: block;}
        .photo-video-content .content {padding: 15px; border: 1px solid #eee; box-shadow: none;}
        .photo-video-content .caption {padding: 15px; background-color: #eee;}
        .slider-gallery {margin: 25px 0;}
        .slider-gallery ul {display: flex;}*/
}
@media only screen and (min-width:320px) and (max-width:480px){
    .award-text a{font-size: 6px;}
}
@media only screen and (min-width:320px) and (max-width:480px) and (orientation:portrait){
    #impact .para.text-right{margin-top: 100px;}
}

@media only screen and (max-width:767px) and (orientation:portrait) {

}