@font-face {
    font-family: 'marketsansthin';
    src: url('../fonts/market_sans/marketsans-thin.woff2') format('woff2'),
         url('../fonts/market_sans/marketsans-thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'marketsanslight';
    src: url('../fonts/market_sans/marketsans-light.woff2') format('woff2'),
         url('../fonts/market_sans/marketsans-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'marketsansregular';
    src: url('../fonts/market_sans/marketsans-regular.woff2') format('woff2'),
         url('../fonts/market_sans/marketsans-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'marketsansmedium';
    src: url('../fonts/market_sans/marketsans-medium.woff2') format('woff2'),
         url('../fonts/market_sans/marketsans-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'marketsanssemibold';
    src: url('../fonts/market_sans/marketsans-semibold.woff2') format('woff2'),
         url('../fonts/market_sans/marketsans-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'marketsansbold';
    src: url('../fonts/market_sans/marketsans-bold.woff2') format('woff2'),
         url('../fonts/market_sans/marketsans-bold.woff') format('woff');
         
    font-weight: normal;
    font-style: normal;

}


body{ font-family: 'marketsansregular'; background-color: #e5eaef; color: #1A1F2F; background-color: #E5E5E5;}
ul,li{ margin: 0px; list-style: none; padding: 0px;}
.clr:after{ display: block; content: ''; width: 100%; clear: both; }
.navbar.droopmenu-navbar{ padding-top: 0px; padding-bottom: 0px;}
a:hover{ text-decoration: none}
.navbar{    background-color: transparent;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;}
.lite-bg{ background-color: #333; box-shadow: 0 -4px 34px 3px rgba(40, 37, 56, 0.60); height: 34px;}
.lite-bg .droopmenu>li>a, .droopmenu>li>span {
    color: #ffffff;}
.homepage{ }
.page-banner{ padding-top: 90px;}
.gr-bg1{ background:transparent linear-gradient(90deg, #e4dcfd 0%, #ffd4d4 100%) 0% 0% no-repeat padding-box}
.gr-bg2{ background: transparent linear-gradient(90deg, #fbfbd2 0%, #d6f3ff 100%) 0% 0% no-repeat padding-box;}
.gr-bg3{ background: transparent linear-gradient(90deg, #f8eeff 0%, #dbfdf8 100%) 0% 0% no-repeat padding-box;}
.gr-bg4{ background: transparent linear-gradient(90deg, #e3f9e1 0%, #ffe7e9 100%) 0% 0% no-repeat padding-box;}
.gr-bg5{background: transparent linear-gradient(90deg, #dfcff9 0%, #fff5da 100%) 0% 0% no-repeat padding-box;}
/* .gr-bg4{ background: transparent linear-gradient(90deg, #000 0%, yellow 100%) 0% 0% no-repeat padding-box;} */



.item-holder.highlight{ /*background-color: #835EEF;*/ padding: 15px; position: relative; min-height: 328px;}
.item-holder.highlight .item{ background-color: inherit; box-shadow: none;}
.item-holder.highlight h5{ font-size: 38px; font-family: 'marketsansbold'; color: #fff }
.item-holder.highlight p{ font-size: 20px; font-family: 'marketsansregular'; color: #fff}
.item-holder.highlight a{ display: block; position: absolute; left: 0px; bottom: 15px; width: 100%; padding: 0 15px;}

.dark-bg{ background-color: #1b1b1b}
.golden-tainoi-bg{ background-color: #6d2bd8}
.cornflower-blue-bg{ background-color: #6d2bd8}
.turquoise-bg{ background-color: #00c5a2}

.custom-droop-menu{background: #333 !important;
    padding: 15px 15px!important;
    width: 700px!important;
    left: -570px!important;
    top: 80%!important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25) !important;
}
.custom-droop-menu li{ display: inline-block; width: 32.8%;     padding: 15px 15px;
    border-right: 1px solid #484848;}
.custom-droop-menu li a{ color: #fff; padding: 0px!important;}
.custom-droop-menu li a h5{ font-family: 'marketsansregular'; font-weight: normal; font-size: 11px; color: #bbb; margin-bottom: 10px;     text-transform: uppercase; }
.custom-droop-menu li a h5 span{ display: block; font-size: 22px; font-family: 'marketsansmedium'; color: #fff; opacity: 1; padding-top: 5px; text-transform: capitalize;}
.custom-droop-menu li a .img{ width: 100%; max-width: 120px;}
.custom-droop-menu li a img{ width: 100%; max-width: 200px; height:80px; box-shadow:0 10px 10px rgba(0,0,0,0.90);}
@media only screen and (min-device-width: 320px) and (max-device-width : 667px){
    .custom-droop-menu{ width: 100%!important}
    .custom-droop-menu li{ width: 100%}
}

/* pabe banner */
.page-banner{ text-align: center; }
.page-banner .left{ width: 60%; float: left; text-align: right; padding: 130px 15px 200px}
.page-banner .right{ width: 40%; float: right; text-align: left; color: #fff;  padding: 130px 15px 200px; /*background-color: #1A1F2F*/; position: relative;}
.page-banner .right span.dark-bg{ display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.page-banner h1{ font-size: 80px; font-family: 'marketsansbold'; color: #1A1F2F; position: relative; z-index: 1;}
.homepage .page-banner .right h1{ margin-top: -24px;}
.page-banner .right h1 span{ font-size: 20px; color: #fff; display: block; margin-top:-25px; }
.page-banner .right .tag{ position: absolute; right: 15px; bottom: 15px;}
.page-banner .right .tag p{ font-family: 'marketsansregular'; color: #fff; font-size: 16px; margin-bottom: 0px;  }
.page-banner .right .tag .icons{ display: block;}
.page-banner .right .tag .icons img{
    height:28px;
}
.page-banner .right .tag .icons .rating{ position: relative; top: -2px; height:15px;}

.page-banner p{ font-family: 'marketsanssemibold'; font-size: 18px; color: #1A1F2F; position: relative; z-index: 1;}
.page-banner .right h1, .page-banner .right p{ color: #fff;}

@media only screen and (min-device-width: 320px) and (max-device-width : 667px){
    .droopmenu-toggle{ top: 0px;}
    .droopmenu-mclose{ height: 40px; line-height: 40px;}
    .droopmenu-mclose span{ top: 6px;}
	.page-banner h1{ font-size: 20px; }
    .page-banner p{ font-size: 12px;}
    .homepage .page-banner .right h1{ margin-top: -14px;}
    .page-banner .right h1 span{ font-size: 12px; margin-top:0;}
        .page-banner .right .tag p {
            font-size: 10px;}
            .page-banner .right .tag .icons img {
                height: 16px;
            }
            .page-banner{
                display:none;
            }
          
}
@media only screen and (min-device-width: 668px) and (max-device-width : 1024px){
    .avtr-holder{ display: none;}
    .page-banner h1{ font-size: 40px; }
    .page-banner p{ font-size: 14px;}
}

.content-section{ background: #fff; margin-top: -100px}
section{ padding: 50px 0}
.section-title{ text-align: center; color: #1A1F2F; font-family: 'marketsansbold'; margin-bottom: 20px; font-size: 40px; line-height: 25px;}

@media only screen and (min-device-width: 320px) and (max-device-width : 667px){
    .section-title{ font-size: 25px;}
}
@media only screen and (min-device-width: 668px) and (max-device-width : 1024px){

}
@media screen and (max-width: 767px){
.droopmenu .droopmenu-grid-container, .droopmenu li ul li a, .droopmenu-mclose, .droopmenu>li>a {
    border-bottom: 1px solid #272b3b !important;}
}


a.read-more{ font-family: 'marketsansregular'; color: #fff; font-size: 15px; text-decoration: none!important}
a.read-more:after{ content: ""; background: url(../images/link-arrow.png) no-repeat; display: inline-block; width: 50px; height:15px; position: relative; top:2px; transition: all .5s; float: right; background-size: 100% 100%}
a.read-more:hover:after{ margin-right: -5px;}
a.read-more.blk{ color: #1A1F2F}
a.read-more.blk:after{ background: url(../images/link-arrow-blk.png) no-repeat; background-size: 100% 100%}

.item-holder{ margin-bottom: 30px;}
.item-holder .item{ background: #fff; margin-bottom: 20px; min-height: 320px;}
.item-holder .item-name{ font-family: 'marketsansregular'; font-size: 16px; color: #1A1F2F; line-height: 4px;}

/* complex problems */
.complex-problem{ padding-top: 250px;}
.complex-problem .item-holder .item{ }

/* digital experience */
.digital-experience{ padding-bottom: 0px; padding-top:100px;}
.digital-experience .highlight{ /*background-color: #FFC85E;*/ padding: 15px; position: relative;}
.digital-experience .highlight .item{ background-color: inherit; box-shadow: none;}
.digital-experience .highlight h5{ font-size: 38px; font-family: 'marketsansbold'; color: #fff }
.digital-experience .highlight p{ font-size: 20px; font-family: 'marketsansregular'; color: #fff}
.digital-experience .highlight a{ display: block; position: absolute; left: 0px; bottom: 15px; width: 100%; padding: 0 15px;}

@media only screen and (min-device-width: 320px) and (max-device-width : 667px){
    
}
@media only screen and (min-device-width: 668px) and (max-device-width : 1024px){
    .digital-experience .highlight h5{ font-size: 28px;}
    .digital-experience .highlight p{ font-size: 18px;}
}

.prominent-item{ margin-top: -130px; margin-bottom: 60px;}
.prominent-item .item{ width: 100%; 
    /* max-width: 856px;  */
    box-shadow: none;}
.prominent-item img{ width: 100%; }

.visual-uis{}
.visual-uis { padding-bottom: 0px;}
.visual-uis .prominent-item .item{ padding: 0px;}
.visual-uis .prominent-item .item-name{ color: #fff; font-size:24px; }
.visual-uis .item-holder{ margin-bottom: 60px;}
.visual-uis .item-name{ color: #fff; font-size:20px; }
.visual-uis .item{  background-color: #272C3B; box-shadow: none;}
.visual-uis .highlight{ /*background-color: #835EEF;*/ padding: 15px; position: relative; min-height: 320px;}
.visual-uis .highlight .item{ background-color: inherit; box-shadow: none;}
.visual-uis .highlight h5{ font-size: 45px; font-family: 'marketsansbold'; color: #fff }
.visual-uis .highlight p{ font-size: 20px; font-family: 'marketsansregular'; color: #fff}
.visual-uis .highlight a{ display: block; position: absolute; left: 0px; bottom: 15px; width: 100%; padding: 0 15px;}

.github-link-holder{ position: relative;}
.github-link-holder:after{ content: ''; display: block; width: 34.5%; height: 100%; background: #fff; position: absolute; right: 0px; top: 0px; }
.github-link-holder .col-lg-4{ }
.visual-uis .github-link{ background: #fff; padding: 25px 15px; position: relative; z-index: 1; }
.visual-uis .github-link .link-holder{ width: 100%; max-width: 300px; }
.visual-uis .github-link a{ color: #1A1F2F; font-size: 35px; font-family: 'marketsansbold'; position: relative; line-height: 31px; display: block; padding-top: 6px;}
.visual-uis .github-link a:after{ content: ''; display: block; width: 60px; height: 60px; background: url(../images/github-icon.svg) no-repeat; position: absolute; right: 0px; top: 0px; background-size: 100% 100%}
.visual-uis .github-link a span{ display: block; font-size: 18px; position: relative; top: 8px;}

@media only screen and (min-device-width: 320px) and (max-device-width : 667px){
    .prominent-item{ margin-top: -75px; }   
    .prominent-item .item{min-height: auto }
    .visual-uis .github-link{ width: 90%;}
    .visual-uis .github-link a{ font-size: 30px;}

    .visual-uis .github-link{ top: 1px;}
    .github-link-holder:after{ right: -1px; top: 1px;}
    
}
@media only screen and (min-device-width: 668px) and (max-device-width : 1024px){
    .visual-uis .highlight h5{ font-size: 28px;}
    .visual-uis .highlight p{ font-size: 18px;}
    
    .visual-uis .github-link a{ font-size: 30px;}
    .visual-uis .github-link{ top: 1px;}
    .github-link-holder:after{ right: -1px; top: 1px;}
}

/* expertise */
.expertise{ text-align: center; padding: 100px 0 calc(100px - 1rem)}
.expertise .txt{ width: 100%; max-width: 400px; display: block; margin: auto auto 15px;}
.expertise .icon-holder{ width: 130px; height: 130px; display: flex; margin: auto auto 30px; 
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: stretch;
    align-content: stretch;}
.expertise .icon-holder.success{ background-color: #F7EFFD}
.expertise .icon-holder.code{ background-color: #DBFCF6}
.expertise .icon-holder .icon{ max-width: 75px;}
.expertise .txt p{ font-size: 18px; color: #1A1F2F; font-family: 'marketsansmedium'; }

/* footer */
footer{ background: #fff;}
footer .upper{ text-align: center; padding-bottom: 70px; }
footer .upper h5{ font-size: 60px; color: #1A1F2F; font-family: 'marketsansbold'; }
footer .upper p{ font-size: 19px; color: #1A1F2F; font-family: 'marketsansmedium'; max-width: 50%; margin: auto; }
footer .bottom{ border-top: 1px solid #1A1F2F; padding: 10px 15px 0; color: #1A1F2F; font-size: 15px; font-family: 'marketsansregular';}
footer .bottom a{ color: #1A1F2F; font-size: 15px; font-family: 'marketsansregular';}
footer .bottom .copy-text{ float: left; width: 50%; padding-bottom: 10px;}
footer .bottom .right-info{ float: right;  width: 50%; text-align: right}
footer .bottom .right-info li{ display: inline-block; padding-bottom: 10px; padding-left: 45px;}
footer .bottom .right-info li:first-child{ padding-left: 0px;}

@media only screen and (min-device-width: 320px) and (max-device-width : 667px){
    footer .upper h5{ font-size: 40px;}
    footer .upper p{ max-width: 96%; font-size: 18px;}
    footer .bottom .copy-text, footer .bottom .right-info{ width: 100%; text-align: center}
    footer .bottom .right-info li{ padding-left: 15px;}
    
}
@media only screen and (min-device-width: 668px) and (max-device-width : 1024px){

}

/* inner page */
.page-banner.inner-page{ padding: 80px 0px 300px; text-align: left}
.inner-page+main{ margin-top: 0px;}

.demo-projects{ }
.demo-projects .main-project .item-holder{ margin-top: -260px}
/* .demo-projects .item-holder .item{ height: 500px;} */
.demo-projects .main-project .read-more{ font-size: 18px; font-family: 'marketsanssemibold'; margin-top: -100px; }
.demo-projects .main-project .read-more:after{ top: 5px;}
.demo-projects .main-project .project-link{ margin-top: -130px; margin-bottom: 30px;}

/* creative-designings */
.creative-designings{ /*padding-top: 150px;*/ padding-bottom: 0px;}

.mi-intro{ padding-top: 250px; padding-bottom: 150px; margin-top: -180px; padding-bottom: 0px;}
.mi-intro h4{ color: #fff; font-size: 70px; font-family: 'marketsansbold'; line-height: 75px;}
.mi-intro h5{ color: #fff; font-size: 20px; font-family: 'marketsansbold';}
.mi-intro h4 span{ display: block; font-size: 30px; line-height:40px;}
.mi-intro p{ font-family: 'marketsansregular'; font-size: 16px; color: #fff;}

.mi-intro .left-txt{ padding-top: 58px; padding-bottom: 100px;}
.mi-intro .left-txt p{ width: 90%}
.mi-intro .right-txt{ padding-bottom: 70px;}

.inner-page-container footer .upper{ padding-top: 70px;}

@media only screen and (min-device-width: 320px) and (max-device-width : 667px){
    .demo-projects .main-project .project-link{ margin-top: 0px;}
    .mi-intro{ padding-top: 250px;}
    .mi-intro .left-txt{ padding-top: 0px; padding-bottom: 75px;}
    .mi-intro .right-txt{ padding-bottom: 75px;}
}
@media only screen and (min-device-width: 668px) and (max-device-width : 1024px){

}

/* inner detail page */
/* .details .main-project .item{ height: 500px;} */
.details .item{ height: 500px;}
.inner-page-main .item{
    height:650px !important;
    box-shadow: 0 0px 60px rgba(16, 18, 33, 0.35);
}
.details .item-holder .item-name {
    font-family: 'marketsansregular';
    font-size: 16px;
}

/* about me  */
.abtme-intro{ text-align: center}
.abtme-intro .txt{ width: 100%; max-width: 900px; margin: auto;}
.abtme-intro p{ color: #1A1F2F; font-size: 30px; font-family: 'marketsansmedium'; padding: 0px; margin: 0px;}

.work-process-steps{}
.work-process-steps .step{ margin: 30px auto}
.work-process-steps .count{ display: block; width: 94px; height: 94px; border-radius: 100%; text-align: center; line-height: 94px; font-family: 'marketsansregular'; font-size: 40px; color: #000000; margin: 0 0 30px; }
.work-process-steps .title{ margin-bottom: 30px; color: #1A1F2F; font-size: 26px; font-family: 'marketsansbold'; position: relative; padding-bottom: 20px; }
.work-process-steps .title:after{ position: absolute; left: 0px; bottom: 0px; content: ''; display: block; width: 67px; height: 4px; }
.work-process-steps ul{ padding: 0px; margin: 0px;}
.work-process-steps li{ padding: 0 0 15px 20px; position: relative; font-size: 17px; color: #1A1F2F; font-family: 'marketsanssemibold';  }
.work-process-steps li:before{ width: 10px; height: 10px; content: ''; position: absolute; left: 0px; top: 5px; border:2px solid transparent;}

.work-process-steps .frst .count{ background-color: rgba(255,200,93,.2)}
.work-process-steps .frst .title:after{ background-color: rgba(255,200,93,1)}
.work-process-steps .frst li:before{border-color: rgba(255,200,93,1)}

.work-process-steps .scnd .count{ background-color: rgba(131,94,239,.2)}
.work-process-steps .scnd .title:after{ background-color: rgba(131,94,239,1)}
.work-process-steps .scnd li:before{border-color: rgba(131,94,239,1)}

.work-process-steps .thrd .count{ background-color: rgba(59,216,188,.2)}
.work-process-steps .thrd .title:after{ background-color: rgba(59,216,188,1)}
.work-process-steps .thrd li:before{border-color: rgba(59,216,188,1)}

.our-tools{}
.our-tools p{ width: 100%; max-width: 890px; text-align: center; margin-bottom: 30px; color: #1A1F2F; font-size: 20px; font-family: 'marketsansregular'; margin: auto auto 30px;  }
.our-tools .tools-icons{ width: 100%; max-width: 910px; margin: auto}
.our-tools .icon-holder{ text-align: center; width: 158px; display: inline-block; margin: 0 10px 15px}
.our-tools .icon-holder .icon{ width: 100%; min-height: 158px; padding: 10px; box-shadow: 0 20px 30px rgba(140,170,205,12%); margin-bottom: 15px;}
.our-tools .icon-holder .icon img{ max-width: 100%; margin-top:40px; }
.our-tools .icon-holder .name{ color: #1A1F2F; font-size: 20px; font-family: 'marketsanssemibold'; }

.communication-tools{ margin-top: 0px; padding: 150px 0 450px; position: relative;}
.communication-tools .left-txt{ padding-top: 0px;}
.communication-tools h4 span{ display: inline-block; color: rgba(255,200,93,1); font-size: inherit}
.communication-tools .tool{ width: 215px; text-align: center; position: absolute;}
.communication-tools .tool:nth-child(1){ right: 0px; top: 75px;}
.communication-tools .tool:nth-child(2){ right: 215px; top: 262px;}
.communication-tools .tool:nth-child(3){ right: 430px; top: 449px;}
.communication-tools .tool:nth-child(4){ right: 644px; top: 262px;}
.communication-tools .tool .icon{ width: 100%; min-height: 188px;  background-color: #272C3B; margin-bottom: 15px; padding-top:35px;}
.communication-tools .tool .name{ color: #fff; font-size: 20px; font-family: 'marketsanssemibold';}

@media only screen and (min-device-width: 320px) and (max-device-width : 667px){
    .abtme-intro p{ font-size: 20px;}
    .our-tools .tools-icons{ text-align: center}
    .our-tools .icon-holder{ width: 150px; margin: 0 7.5px 15px}
    .our-tools .icon-holder .name{ font-size: 16px;}
    .mi-intro h4{ font-size: 30px;}
    .communication-tools{ padding-bottom: 150px;}
    .communication-tools .tool{ position: static; margin: auto; width: 150px; display: inline-block; margin-left:7.5px; margin-right: 7.5px; }
}
@media only screen and (min-device-width: 668px) and (max-device-width : 1024px){
    .our-tools .icon-holder{ width: 140px;}
    .communication-tools{ padding-bottom: 150px;}
    .communication-tools .col-md-12.col-lg-4{ text-align: center}
    .communication-tools .tool{ position: static; margin: auto; width: 125px; display: inline-block; margin-left:7.5px; margin-right: 7.5px; }
}
.item{
    overflow: hidden;
}

@media screen and (min-width: 1400px) {
    .container{min-width:1200px;}
}

@media screen and (min-width: 1600px) {
    .container{min-width:1400px;}
    .complex-problem .item-holder .item {
        height:400px;}
    /* .navbar.droopmenu-navbar{ background: red;} */
    .dm-nav-brand a, .droopmenu-brand, .droopmenu>li>a, .droopmenu>li>span{ height: 30px; line-height: 34px;}
    .page-banner .right, .page-banner .left{ padding: 200px 15px 300px}
}
@media screen and (min-width: 1900px) {
    .dm-nav-brand a, .droopmenu-brand, .droopmenu>li>a, .droopmenu>li>span{ height: 90px; line-height: 90px;}
    .page-banner .right, .page-banner .left{ padding: 200px 15px 300px}
}

.white-box{
    background: white;
   box-shadow: 0 0px 30px rgba(176, 177, 199, 0.24);
}
.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden;        
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1 ;} /* IE < 8 */
.thumb-description{
    padding:0 10px 10px 10px;
}
.thumb-des{
    font-size:13px;
    color: #697296;
}
.heading-des{
    font-size:22px;
    text-align: center;
  font-family: 'marketsansmedium';
  padding-bottom: 50px;
}
a{
   color: #1A1F2F; 
}
a:hover {
    color: #b7b7b7;}
 .margin-top-100{
     margin-top:100px;
 }
 .about-subtext{
    font-size:30px !important;
    line-height: auto;
}
.drop-down-menu img{
    width:100%;
    overflow: hidden;
}
.menu-section-heading{
    font-family: 'marketsansmedium' !important;
}
.view-more-btn a{
color:#1a1e2f;
font-size:18px;
text-align: center;
display: block;
width:260px;
margin:0 auto;
padding:20px 0;
float: right;
}
.view-more-btn img{
    position: relative;
    left: 20px;
}
.dashboard-section-heading{
    margin-top:130px;
}
.internal-heading{
    padding-top:140px;
    text-align: center;
}
.page-custom-title{
    font-size:50px;
  font-family: 'marketsansbold';
}
.page-title{
    font-size: 60px;
    font-family: 'marketsansbold';
    color: #1A1F2F;
    position: relative;
    z-index: 1;
    line-height: 40px;
}
.space-20{
    height:20px;
}
.logo{
    background: url(../images/logo.png) no-repeat;
    background-size: 130px 25px;
    display: block;
    height: 25px;
    width: 130px;
    margin: 5px 0 0 0;
}
.lite-bg .logo{
    background: url(../images/logo-white.png) no-repeat !important;
    background-size: 130px 25px !important;
    display: block;
    height: 25px;
    width: 130px;
    margin: -1px 0 0 0;
}
.between-space{
    height:50px;
}
.between-space2{
    height:30px;
}
@media screen and (max-width: 1366px) {
    .details .item {
        height: 350px;
    }
    .item-holder .item{
    min-height: 260px;
    }
    .item-holder.highlight h5 {
        font-size: 30px;}
        .item-holder.highlight{
            min-height: 260px;
        }
        .mi-intro h4 {
            color: #fff;
            font-size: 60px;}
            .communication-tools {
                margin-top: 0px;
                padding: 80px 0 450px;}
                .about-photo {
                    height: 600px !important;
                overflow: hidden}
}

.shadow-2{
    box-shadow: 0 0px 60px rgba(0, 0, 0, 0.25) !important;
}

.mobile-header{
    display:none;
}
@media only screen and (min-device-width: 320px) and (max-device-width : 667px){
    .mobile-header{
        display: block;
        text-align: center;
        padding: 100px 0;
        padding-bottom: 150px;
    }
    .mob-header-h{
        font-size:28px;
        font-family: 'marketsansbold' !important;

    }
    .complex-problem{
        padding-top: 50px;
    }
    .mob-top-rated{
        font-size:12px;
    }
    .item-holder .item{
        min-height: auto !important;
        height:auto;
    }
    .demo-projects .main-project .item-holder {
        /* margin-top: -260px; */
        margin-top: 100px;}
        .details .item-holder .item-name{
            line-height: 25px;
        }
}
@media only screen and (min-device-width: 1600px) and (max-device-width : 4000px){
    .navbar.droopmenu-navbar{
        height:40px;
    }
}

.menu-subtext{
    font-size:13px;
    color:#bbb;
    position: relative;top:20px;

}
.custom-droop-menu, .droopmenu-grid{
    display:flex !important;
}
.location-menu{
    font-size:15px;
    font-family: 'marketsansbold' !important;
    color:white;
    border-top: 1px solid grey;
    margin-top: 30px;
    padding-top: 10px;
    
    
}
.location-menu img{
    height: 24px;
}