* { margin: 0; padding: 0; box-sizing: border-box;}
@font-face {
    font-family: 'overused_grotesklight';
    src: url('fonts/overusedgrotesk-light-bf64eeac17cade6-webfont.woff2') format('woff2'),
         url('fonts/overusedgrotesk-light-bf64eeac17cade6-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'overused_groteskbold';
    src: url('fonts/overusedgrotesk-bold-bf64eeac17f1b7f-webfont.woff2') format('woff2'),
         url('fonts/overusedgrotesk-bold-bf64eeac17f1b7f-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'overused_grotesksemibold';
    src: url('fonts/overusedgrotesk-semibold-bf64eeac17e1195-webfont.woff2') format('woff2'),
         url('fonts/overusedgrotesk-semibold-bf64eeac17e1195-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'overused_groteskbook';
    src: url('fonts/overusedgrotesk-book-bf64eeac17861b3-webfont.woff2') format('woff2'),
         url('fonts/overusedgrotesk-book-bf64eeac17861b3-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;	
}

html{}
body{ line-height:24px; background:#000;font-family: 'overused_groteskbook'; color:#fff; overflow-x:hidden;}

/* common */
.full{ width:100%;}
.floatL{ float:left;}
.floatR{ float:right;}
.center{ text-align:center;}
.inner{ padding-left:60px; padding-right:60px; max-width:1728px; margin:auto;}
.positionR{position:relative;}
.z99{ z-index:99;}
.mrgBtm100{ margin-bottom:100px;}

/*Animations*/
.dm-marca-logo {animation: grow 1s;}
@keyframes grow {
	  0% { transform: scale(.2); }
	100% { transform: scale(1); }
}

.line { gap: 10px; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: row;}
.head-heading h1{ font-size:75px; line-height:120px; color:#fff;font-family: 'overused_grotesklight'; font-weight:normal; margin:40px 0 0; display: inline-flex; padding: 0 30px 0 0;}
.head-heading span { margin: 36px 0 0;}

.lineUp { animation: 2s anim-lineUp ease-out;}
@keyframes anim-lineUp {
  0% {
    opacity: 0;
    transform: translateY(80%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

.lineUpArrow{animation: 3s anim-lineUpArrow ease-out;}
@keyframes anim-lineUpArrow {
  0% {
    opacity: 0;
    transform: translateY(80%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

/*dm-main-bg*/
.dm-main-bg{ background:url('../images/bg.png') no-repeat 0 0; background-attachment:fixed; min-height:1000px; float:left; width:100%; background-size:cover;}
.dm-enroll-bg{ background:url('../images/job-search-success.jpg') no-repeat center; min-height:880px; float:left; width:100%; background-size:cover;}
.dm-ui-ux-design-bg{background:url('../images/ui-ux-design-bg.jpg') no-repeat center; min-height:690px; float:left; width:100%; background-size:cover;}
.top-btn-head { float: right; width: 250px; margin: 0 50px 0 0;}
.hamburgerIcon { float: left; margin-top: 52px; width: 40px;}
.hamburgerIcon img { width: 40px;}
.dm-contact-bg{ background:url('../images/contact-bg.jpg') no-repeat top center; min-height:705px; float:left; width:100%; background-size:cover;}

.dm-logo-head{ float:left; margin:50px 0 0 50px;}
.dm-logo-head img{ width:80%;}
.btn{font-family: 'overused_grotesksemibold'; text-decoration:none; border-radius:30px; padding:10px 20px;}
.head-btn{ float:left; background:#FFFF00; text-transform:uppercase; color:#000; display:inline-block; margin: 50px 0 0;} 

.dm-marca-logo{margin: 400px 0 0;}
.dm-enroll-bg .dm-marca-logo{margin: 224px 0 0;}
.dm-ui-ux-design-bg .dm-marca-logo{margin: 128px 0 0;}
.dm-ui-ux-design-bg .head-heading h1{font-size: 100px;}
.dm-ui-ux-design-bg .head-heading span{ margin: 56px 0 0;}
.dm-contact-bg .dm-marca-logo{margin: 126px 0 0;}

.dm-about-bg{ background:url('../images/about.png') no-repeat 0 center; background-attachment:fixed; min-height:800px; float:left; width:100%; background-size:cover;}
.dm-about-bg .dm-marca-logo{margin: 200px 0 0;}

.dm-traingles img.traingle1 { width: 80px; height: auto; position: absolute; top: 300px;}
.dm-traingles img.traingle2 { width: 80px; height: auto;}
.dm-traingles img.traingle3 { width: 80px; height: auto; position: absolute; top: 350px; left: 40%;}
.dm-traingles img.traingle4 { width: 80px; height: auto;}
.dm-traingles img.traingle5 { width: 80px; height: auto; position: absolute; top: 400px; left: 50%;}
.dm-traingles img.traingle6 { width: 80px; height: auto;}
.dm-traingles img.traingle7 { width: 80px; height: auto; position: absolute; top: 200px; right: 40%;}
.dm-traingles img.traingle8 { width: 80px; height: auto;}
.dm-traingles img.traingle9 { width: 80px; height: auto; position: absolute; top: 300px; right: 50%;}

.dm-clients{ margin: 134px 0 0; }
.dm-h2{ font-size:40px;font-family: 'overused_grotesklight'; text-transform:uppercase; width:365px; line-height:45px;float: left;}
.dm-client-logos { float: left; width: calc(100% - 400px); margin: 10px 0 0;}
.dm-client-logos-in { border: 1px solid #D9D9D9; display:inline-block; text-align: center; padding:10px 30px; line-height: 86px; height:78px;float: left; margin-left: -1px; margin-top:-1px;}
	
.circles{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.circles li{ position: absolute; display: block; list-style: none; width: 80px; height: auto; animation: animate 25s linear infinite; bottom: -150px;}
.circles li img{width: 80px;   height: auto;}
.circles.dots li img{width: 18px; height: 18px;}
.circles li:nth-child(1){ left: 25%; animation-delay: 0s;}
.circles li:nth-child(2){ left: 10%; animation-delay: 2s; animation-duration: 12s;}
.circles li:nth-child(3){ left: 70%; animation-delay: 4s;}
.circles li:nth-child(4){ left: 40%; animation-delay: 0s; animation-duration: 18s;}
.circles li:nth-child(5){ left: 65%; animation-delay: 0s;}
.circles li:nth-child(6){ left: 75%; animation-delay: 3s;}
.circles li:nth-child(7){ left: 35%; animation-delay: 7s;}
.circles li:nth-child(8){ left: 50%; animation-delay: 15s; animation-duration: 45s;}
.circles li:nth-child(9){ left: 20%; animation-delay: 2s; animation-duration: 35s;}
@keyframes animate {
    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }
    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}	

.dm-connecting{ margin:134px 0 0;}
.dm-connecting-col { float: left; width: calc(100% - 400px); margin: 0;}
.dm-connecting-col p { font-size: 30px; line-height: 50px;}
.dm-connecting-columns { padding: 60px 0 0; display: flex; flex-wrap: wrap;}
.dm-connecting-columns .dm-columns { width: calc(50% - 2px); border: 1px solid #ffff00; padding:50px;float: left;}
.dm-connecting-columns .dm-columns span{color: white;font-size: 30px;line-height: 40px;word-wrap: break-word;font-family: 'overused_grotesksemibold';}
.dm-connecting-columns .dm-columns h4, .dm-connecting-columns .dm-columns h4 a{color: #ffff00;font-size: 46px;line-height: 40px;font-family: 'overused_grotesksemibold'; padding:50px 0 10px; text-decoration:none;}
.dm-connecting-columns .dm-columns ul{ list-style:none;}
.dm-connecting-columns .dm-columns li{color: #fff;font-size: 30px;line-height: 50px;font-family: 'overused_groteskbook'; text-transform:uppercase;}

.dm-left-services { float: left; width: 43%;}
.dm-left-services section { padding: 20px; margin: 10px 0 0;}
.dm-left-services section h3 { font-size: 40px; line-height: 50px; color: #FFFF00;font-family: 'overused_grotesksemibold';}
.dm-left-services section p { font-size: 20px; line-height: 30px; color: #fff;font-family: 'overused_groteskbook'; padding: 15px 0;}
.dm-left-services a{ text-decoration:none;}

.dm-left-services a:hover section.dm-hourly{background:#ff0 url('../images/hourly.svg') no-repeat 98% 94%; -webkit-transition: background 0.5s; transition: background 0.5s;}
.dm-left-services a:hover section.dm-project{background:#ff0 url('../images/project.svg') no-repeat 98% 94%; -webkit-transition: background 0.5s; transition: background 0.5s;}
.dm-left-services a:hover section h3{color: #333; -webkit-transition: color 1s; transition: color 1s;}
.dm-left-services a:hover section p{color: #333; -webkit-transition: color 1s; transition: color 1s;}

.dm-right-services a:hover section.dm-fixed{background:#333 url('../images/fixed.svg') no-repeat 98% 94%; -webkit-transition: background 0.5s; transition: background 0.5s;}

.dm-right-services a:hover section h3{color: #FFFF00; -webkit-transition: color 1s; transition: color 1s;}
.dm-right-services a:hover section p{color: #fff; -webkit-transition: color 1s; transition: color 1s;}
.dm-right-services a:hover li{color: #fff;-webkit-transition: color 1s; transition: color 1s;}

.dm-right-services { float: left; margin: 0 0 0 10px; width: calc(100% - 45%);}
.dm-right-services section { padding: 20px;margin: 10px 0 0; float: left;}
.dm-right-services section h3 { font-size: 40px; line-height: 50px; color: #333;font-family: 'overused_grotesksemibold';}
.dm-right-services section p { font-size: 20px; line-height: 30px; color: #333;font-family: 'overused_groteskbook'; padding: 15px 0;}
.dm-right-services ul { list-style: none; float: left;margin: 0 0 0 20px;}
.dm-right-services li { list-style: disc; color:#333;font-size: 20px; line-height: 30px; font-family: 'overused_grotesksemibold'; float: left; width: 50%;}

.dm-hourly{background:#333333 url('../images/hourly.svg') no-repeat 98% 94%;}
.dm-project{background:#333333 url('../images/project.svg') no-repeat 98% 94%;}
.dm-fixed{background:#ffff00 url('../images/fixed.svg') no-repeat 98% 94%;}

.dm-three-cols p {font-size: 24px; line-height: 34px;}


.dm-intro { margin: 20px 0 0;}
.dm-intro figure {float: left; margin: 6px 18px 0 0;}
.dm-intro h5 {font-size: 24px; line-height: 34px;  color:#fff; font-family: 'overused_groteskbold'; text-transform:uppercase;}
.dm-intro small {font-size: 18px; line-height: 34px; color:#4C4C4C; font-family: 'overused_groteskbold'; text-transform:uppercase;}


/*FAQ*/
.tab input {position: absolute;opacity: 0; z-index: -1;}
.row { display: flex;}
.row .col { flex: 1;}

/* Accordion styles */
.tabs { border-radius: 8px; overflow: hidden; box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);margin: 20px 0 0;}
.tab { width: 100%; color: white; overflow: hidden;}
.tab-label { display: flex; padding: 30px 0; justify-content: space-between; cursor: pointer; font-size: 30px; line-height: 35px; font-family: 'overused_grotesklight';
    font-weight: normal;border-top: 1px solid #D9D9D9;}
.tab-label:hover { color: #ffff00;}
.tab-label::after {content: "❯";width: 1em;height: 1em; text-align: center; transition: all 0.35s;}
.tab-content { max-height: 0; padding: 0 1em; color: #fff; font-size:18px; transition: all 0.35s; font-family: 'overused_grotesklight'; line-height: 30px;}
.tab-close {display: flex; justify-content: flex-end; padding: 1em; font-size: 0.75em; background: #2c3e50; cursor: pointer;}
.tab-close:hover { background: #1a252f;}

.tab input:checked + .tab-label { color: #ffff00;}
.tab input:checked + .tab-label::after { transform: rotate(90deg);}
.tab input:checked ~ .tab-content { max-height: 100vh; padding: 1em;}

.dm-footer-last { margin: 104px 0 0;}
.footer-heading { font-size: 200px; line-height: 180px; text-align: center; font-family: 'overused_groteskbold';}
.dm-footer-last p { text-align: center; font-size: 30px; margin: 40px 0 30px;font-family: 'overused_grotesklight';}
.dm-footer-last h6 a, .dm-footer-last h6{ text-align: center; font-size: 100px; margin: 30px 0 20px;font-family: 'overused_groteskbold';color:#ffff00; line-height:80px; text-decoration:none;}

.dm-nav-main { margin: 134px auto 50px;}
.dm-footer-last .dm-footer-nav { width:33%; float:left;}
.dm-footer-last .dm-footer-nav.dm-nav-1 { float: left; text-align: left;}
.dm-footer-last .dm-footer-nav.dm-nav-2 { float: left; text-align: center;}
.dm-footer-last .dm-footer-nav.dm-nav-3 { float: right; text-align: right;}
.dm-footer-nav h3 { font-size: 34px; line-height: 40px; text-transform: uppercase;}
.dm-footer-nav ul{ list-style:none;margin: 20px 0 0;}
.dm-footer-nav li, .dm-footer-nav li a {font-family: 'overused_groteskbook'; font-size: 34px; line-height: 40px; color:#fff; text-decoration:none;}
.dm-footer-nav li { margin: 0 0 10px 0;}
.dm-footer-last .dm-footer-nav.dm-nav-2 li { display: inline-block; margin: 0 7px;}
.dm-footer-nav li a:hover { color: #ffff00;}

.dm-footer-policy .dm-nav-main { margin: 30px auto 20px;}
.dm-footer-policy .dm-footer-nav{ width: 33%; float: left;}
.dm-footer-policy .dm-footer-nav.dm-nav-1 { float: left;text-align: left;}
.dm-footer-policy .dm-footer-nav.dm-nav-2 { float: left; text-align: center;}
.dm-footer-policy .dm-footer-nav.dm-nav-3 { float: right; text-align: right;}
.dm-footer-policy .dm-footer-nav.dm-nav-1 a { color: #fff; font-size: 20px; text-decoration: none;}
.dm-footer-policy .dm-footer-nav.dm-nav-1 p, .dm-footer-policy .dm-footer-nav.dm-nav-3 span { margin: 7px 0 0;}
.dm-footer-policy .dm-footer-nav.dm-nav-3 span{color: #fff; font-size: 20px;margin-top: 9px; float: right;}

.dm-social{position: fixed; bottom: 15%; right: 10%;}
.dm-social ul li{ float:left; margin-left:10px;}
.overlay .dm-social ul li a:hover:after{width: auto;}

/*********************************
			Enroll
			**********************/

.navigating-career .dm-h2 { width: 100%; text-align: center; padding: 134px 0 50px 0;font-size: 60px; text-transform: none;font-family: 'overused_grotesklight'; font-weight:normal;}
.navigating-form fieldset{border:none; margin:0 0 40px 0}
.navigating-form .formField{float:left;width: calc(50% - 40px); margin: 0 20px;}
.navigating-form .formField input{float:left; background:#0F1011; border:1px solid #5F5F5F; border-radius:15px; font-family: 'overused_groteskbook';width:100%; padding: 0 20px; font-size: 24px; 
	height:70px;color: #fff;}
.navigating-form .formField select{float:left; background:#0F1011; border:1px solid #5F5F5F; border-radius:15px; font-family: 'overused_groteskbook';width:100%; padding: 0 20px; font-size: 24px; 
	height:70px; color:#fff;}

.navigating-form .formField select:required:invalid {color: #666;}
.navigating-form .formField option[value=""][disabled] { display: none;}
.navigating-form .formField option { color: #fff;}

.navigating-form .largeField .formField { width: calc(100% - 40px); margin: 0 20px;}
.largeField button { width: calc(100% - 40px); margin: 0 20px; background: #FFFF00; color: #000; font-size: 34px; line-height: 70px; border-radius: 15px; border: none; cursor:pointer;
	font-family: 'overused_groteskbold';}

.dm-connecting-col p a {text-decoration: none; color: #fff; border-bottom: 1px solid #fff; padding: 0 35px 5px 0; background: url('../images/up-arrow-about.svg') no-repeat right center;}
.dm-connecting-col p a:hover{border-bottom: 1px solid #ffff00;}

.dm-work-columns { width: 100%; float: left; border-top: 1px solid #fff; padding:50px 0;}
.dm-work-columns span { float: left; width: 82px; text-align: left; font-size: 30px; line-height: 30px; color: #828080;font-family: 'overused_groteskbook';margin-top: 29px;}
.dm-work-columns section{float: left; width:calc(100% - 100px);}
.dm-work-columns h4 {font-family: 'overused_groteskbook'; float: left; font-size: 100px; line-height: 80px; font-weight:normal;margin: 20px 0;}
.dm-work-columns h4 a{ text-decoration:none; color:#fff;}
.dm-work-columns h4 a:hover{color:#ff0;}
.dm-work-columns ul { float: left; clear: both; margin: 0 0 0 0; }
.dm-work-columns ul li{ font-size:30px; line-height:40px; color:#828080; text-transform:uppercase; float:left; margin:10px 0 0 60px;} 
.dm-work-columns ul li:first-child{ margin:10px 0 0 0; list-style:none;}

.dm-work-columns h5 {font-family: 'overused_groteskbook'; float: left; font-size: 50px; line-height: 40px; font-weight:normal;margin: 20px 0;}
.dm-work-columns h6 {font-family: 'overused_groteskbook'; float: left; font-size: 40px; line-height: 30px; font-weight:normal;margin: 20px 0;}
.dm-work-columns ul.dm-privacy li{text-transform: none;}
.dm-work-columns ul.dm-privacy li:first-child{ margin: 10px 0 0 60px; list-style: disc;}


/*********************************
			UI-UX
			**********************/
.ui-ux-portfolio{ background:#EAEAEC; text-align: center;}
.ui-ux-portfolio img{ display:block; padding:0; margin:auto;}

.dm-branding{background:#E5E6E8; text-align: center;}
.dm-branding img{ display:block; padding:0; margin:auto;}

.dm-graphic-design {background:#E5E6E8; text-align: center;}
.dm-graphic-design img{ display:block; padding:0; margin:auto;}
.dm-graphic-design-two{ display: flex; width: 100%;}
.dm-graphic-design-three{display: flex; width: 100%;}

.dm-graphic-design .example-cover img {width: 50vw; height: 50vw; object-fit: cover;}
.dm-graphic-design .example-cover.dm-graphic-design-three img { width: 33.333vw; height: 20.333vw;object-fit: fill;}

.dm-graphic-design .dm-graphic-design-single.example-cover img{width: 100vw; height: 100vw; object-fit: cover;}


/*********************************
			Mobile App
			**********************/
.mobile-app-portfolio{background:#090a0c; text-align: center;}
.mobile-app-portfolio img{ display:block; padding:0; margin:auto;}

.dm-contactLf { width: 465px; float: left; text-align: left;}
.dm-contactLf h2.dm-h2 { text-align: left; font-size: 150px; line-height: 130px;padding: 100px 0 50px 0;}

.dm-contactRht{ width:calc(100% - 650px); float:right;padding: 100px 0 0 0;}
.dm-contactRht .navigating-form .formField { width: calc(100% - 40px); margin: 0 20px;}
.dm-contactRht .navigating-form fieldset { margin: 0 0 25px 0;}
.dm-contactRht .navigating-form { width: 90%; float: right;}
.dm-contactLf .navigating-form p{ font-size:22px; color:#ff0; line-height:40px;}
.dm-contactLf .navigating-form span{ font-size:20px; color:#fff; line-height:28px;}
.dm-contactLf .navigating-form a{ font-size:24px; color:#fff; line-height:40px; display:inline-block; padding:15px 40px 15px 80px; border:1px solid #D2D2D2; border-radius:50px; text-decoration:none;
	margin:20px 0; background: url('../images/mail.svg') no-repeat 36px center; background-size: 31px 36px; width: 100%;}
.navigating-form .formField textarea{float:left; background:#0F1011; border:1px solid #5F5F5F; border-radius:15px; font-family: 'overused_groteskbook';width:100%; padding: 15px 20px 0 20px; 
	font-size: 24px; height:200px;color: #fff;}	

.dm-connecting-columns.dm-three-cols .dm-columns { width: calc(33.333% - 3px); border: 1px solid #ffff00; padding:50px;float: left;}

.dm-testimonials{padding: 60px 0 0;position: relative; min-height:800px;}
.dm-testimonials h2{ text-align:center; font-size:40px; line-height:50px;font-family: 'overused_groteskbook'; font-weight:normal;}
.dm-testimonials figure {text-align: center;}
.circleTop { position: absolute; background: url(../images/circle1.svg) no-repeat 0 0; width: 616px; height: 556px; top: 0; right: 20%;}
.circleBottom { position: absolute; background: url(../images/circle2.svg) no-repeat 0 0; width: 377px; height: 167px; bottom: 0; left: 10%;}
.circleRight { position: absolute; background: url(../images/circle3.svg) no-repeat 0 0; width: 229px; height: 342px; bottom: 5%; right: 0;}

.dm-slider-sec-col{ width:100%; float:left;position: relative;}
.dm-testimonials-slider{ position:relative;float: left; width: 100%; margin: 200px 0 0; z-index: 99;}

.testim {width: 100%;position: absolute;top: 50%;-webkit-transform: translatey(-50%);-moz-transform: translatey(-50%);-ms-transform: translatey(-50%);-o-transform: translatey(-50%);transform: translatey(-50%);}
.testim .wrap {position: relative; width: 100%; max-width: 1020px; padding: 40px 20px; margin: auto;}
.testim .arrow { display: block; position: absolute; color: #eee; cursor: pointer; font-size: 2em; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; padding: 5px; z-index: 22222222;}
.testim .arrow:before {cursor: pointer;}
.testim .arrow:hover { color: #ea830e;}
.testim .arrow.left { left: 10px;}
.testim .arrow.right { right: 10px;}
.testim .dots { text-align: center; position: absolute; width: 100%; bottom: 60px; left: 0; display: block; z-index: 3333;height: 12px;}
.testim .dots .dot { list-style-type: none; display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #eee;margin: 0 10px;cursor: pointer; -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; position: relative;}
.testim .dots .dot.active, .testim .dots .dot:hover { background: #ea830e; border-color: #ea830e;}
.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;   
    -moz-animation: testim-scale .5s ease-in-out forwards;   
    -ms-animation: testim-scale .5s ease-in-out forwards;   
    -o-animation: testim-scale .5s ease-in-out forwards;   
    animation: testim-scale .5s ease-in-out forwards;   
}  
.testim .cont {position: relative;overflow: hidden;}
.testim .cont > div { text-align: center; position: absolute; top: 0; left: 0; padding: 0 0 70px 0; opacity: 0;}
.testim .cont > div.inactive { opacity: 1;}
.testim .cont > div.active { position: relative; opacity: 1;}
.testim .cont div .img img { display: block; width: 100px; height: 100px; margin: auto; border-radius: 50%;}
.testim .cont div h2 { color: #fff; font-size: 30px; margin: 15px 0;font-family: 'overused_groteskbook'; text-transform:uppercase;}
.testim .cont div p { font-size: 1.15em; color: #eee; width: 80%; margin: auto;font-family: 'overused_groteskbook';}
.testim .cont div.active .img img { 
	-webkit-animation: testim-show .5s ease-in-out forwards; 
	-moz-animation: testim-show .5s ease-in-out forwards;  
	-ms-animation: testim-show .5s ease-in-out forwards; 
	-o-animation: testim-show .5s ease-in-out forwards;  
	animation: testim-show .5s ease-in-out forwards;
}
.testim .cont div.active h2 { 
	-webkit-animation: testim-content-in .4s ease-in-out forwards;    
	-moz-animation: testim-content-in .4s ease-in-out forwards;     
	-ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;     
	animation: testim-content-in .4s ease-in-out forwards;
}
.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    
    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -moz-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -ms-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -ms-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -o-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -o-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -moz-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -ms-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -o-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        transform: translateY(0);        
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        transform: scale(1);       
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        transform: scale(0);
    }
}
.tooltip{width: 100%;}
@media all and (max-width: 300px) {
	body {font-size: 14px;}
}

@media all and (max-width: 500px) {
	.testim .arrow {font-size: 1.5em;}
	.testim .cont div p {line-height: 25px;}
}

.requestforTalent{ margin-bottom:100px;}
.requestforTalent a{ font-size:40px; line-height:40px;font-family: 'overused_groteskbook'; color:#fff; border:1px solid #fff; border-radius:100px; display:inline-block; padding:23px 60px; text-decoration:none;}

.dm-hire-talent{ background:url('../images/hire-the-best-talent.png') no-repeat 0 0; background-attachment:fixed; background-size:cover; min-height:1030px; width:90%; margin:130px 5% 50px; border-radius: 10px; padding:570px 0 0;}
.dm-hire-talent h2{font-family: 'overused_groteskbook'; font-weight: normal; font-size:34px; text-align:center; line-height: 38px;}
.dm-hire-talent-col{margin:80px 0 0;display: flex; text-align: center;}
.dm-hire-talent-col section{ width:calc(25% - 40px); text-align:center; padding:72px 20px 0; display: inline-block;}
.dm-hire-talent-col h4{ font-size:20px; line-height:26px; color:#ffff00; padding:0 0 10px 0; font-weight:normal;font-family: 'overused_grotesksemibold';}
.dm-hire-talent-col p{ font-size:20px; line-height:26px; color:#fff;}
.dm-hire-talent-col span{ display: inline-block;}

/*********************************
			About
			**********************/
.dm-about-bg .head-heading .lineUp span{ margin: 0 0 0 10px; color:#ff0;}
.head-heading h3 { font-size: 40px; line-height: 50px; font-family: 'overused_grotesklight'; font-weight:normal;}
.dm-about-columns{ padding: 60px 0 0; display: flex; flex-wrap: wrap;}
.dm-about-columns span { border: 1px solid #fff; padding: 20px 80px 20px 20px; margin: 0 20px 20px 0; min-height: 100px;}

.dm-connecting .yw-head{ color:#ffff00; text-transform:uppercase; font-size:48px; font-family: 'overused_groteskbook'; font-weight:normal; margin-top:50px;}
.rotate {animation: rotation 5s;}
.linear { animation-timing-function: linear;}
.infinite { animation-iteration-count: infinite;}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.dm-connecting-col .half { float: left; width: 45%; margin-right: 5%;}

.dm-ceo figure{ float:left; width: 50%;}
.ceo-video{float:left; width: 50%;}
.dm-ceo figure img { width: 100%; float: left;}
.dm-ceo { margin: 100px 0 80px 0;}

.ceo-quote { float: right; width: 40%; margin: 150px 5% 0;}
.ceo-quote p { font-size: 20px; line-height: 34px; margin: 50px 0 20px;}
.ceo-quote strong { text-transform: uppercase; font-size: 20px;}
.ceo-quote span { font-size: 18px; margin:0 0 30px 0; display:inline-block;}
.ceo-quote span small { color: #ff0; font-size: 18px;}

.team-pics{ display: flex; flex-wrap: wrap; gap: 20px 30px; margin: 0 0 30px 0; justify-content: center;}
.team-pics img{flex: 1 1 auto; }

.column-count-8{display: grid;grid-gap: 10px; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));}
.column-count-8 img{ height: auto; width: 134px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; box-sizing: border-box;}

.column-count-16{display: grid; grid-gap: 5px; grid-template-columns: repeat(auto-fit, minmax(64px, 1fr));}
.column-count-16 img{ height: auto; width: 64px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; box-sizing: border-box;}

.dm-work-columns section p.full.floatL { font-size: 30px; color: #828080; line-height: 40px;}

/*********************************
			Work
			**********************/
.dm-works{ margin:100px 0 0;}
.dm-works ul { float: left; list-style: none; width: calc(50% - 76px); margin-left:38px;}
.dm-works ul:first-child{ margin-left:0px;} 
.dm-works ul li{ float: left; list-style: none; margin-bottom:38px;}
.dm-works ul li img{ width:100%; height:auto;}


.item {
  width: 200px;
  height: 200px;
  margin: 50px auto;
  padding-top: 75px;
  background: #ccc;
  text-align: center;
  color: #FFF;
  font-size: 3em;
}

.container {position: absolute;width: 100%;heigh: 100%;text-align: center;top: 40%;left: 0;margin: 0 auto;font-family: 'Roboto', sans-serif;}
.container p {font-size: 20px;}.container a {display: inline-block;position: relative;text-align: center;color: #ff5252;text-decoration: none;font-size: 20px;overflow: hidden;top: 5px;}
.container a:after {content: '';position: absolute;background: #ff5252;height: 2px;width: 0%;transform: translateX(-50%);left: 50%;bottom: 0;transition: 0.35s ease;}
.container a:hover:after, .container a:focus:after, .container a:active:after {width: 100%;}h1 {position: relative;text-align: center;font-family: 'Vollkorn', serif;}
.button_container {position: fixed;top: 58px;right: 2%;height: 27px;width: 35px;cursor: pointer;z-index: 100;transition: opacity 0.25s ease;}
.button_container:hover {opacity: 0.7;}.button_container.active .top {transform: translateY(11px) translateX(0) rotate(45deg);background: #fff;}
.button_container.active .middle {opacity: 0;background: #fff;}.button_container.active .bottom {transform: translateY(-11px) translateX(0) rotate(-45deg);background: #fff;}
.button_container span {background: #fff;border: none;height: 5px;width: 100%;position: absolute;top: 0;left: 0;transition: all 0.35s ease;cursor: pointer;}
.button_container span:nth-of-type(2) {top: 11px;}
.button_container span:nth-of-type(3) {top: 22px;}
.overlay {position: fixed;background: #000;top: 0;left: 0;width: 100%;height: 0%; opacity: 0; visibility: hidden; transition: opacity 0.35s, visibility 0.35s, height 0.35s; overflow: hidden;z-index: 99;}
.overlay.open {opacity: 0.95;visibility: visible;height: 100%;}.overlay.open li {animation: fadeInRight 0.5s ease forwards;animation-delay: 0.35s;}
.overlay.open li:nth-of-type(2) {animation-delay: 0.4s;}.overlay.open li:nth-of-type(3) {animation-delay: 0.45s;}.overlay.open li:nth-of-type(4) {animation-delay: 0.5s;}
.overlay nav {position: relative; font-size: 50px;font-weight: 400;text-align: center;font-family: 'overused_groteskbold';left: 46px; text-align: left; top:30%;width: 50%;}
.overlay ul {list-style: none;padding: 0;margin: 0 auto;display: inline-block;position: relative;height: 100%;text-transform: uppercase;}
.overlay ul li {display: block;height: 25%; height: calc(100% / 4);min-height: 50px;position: relative;opacity: 0;}
.overlay ul li a {display: block;position: relative;color: #fff;text-decoration: none;overflow: hidden;line-height: 100px;font-size: 100px;}
.overlay ul li a:hover:after, .overlay .dm-social-in li a:focus:after, .overlay ul li a:active:after {width: 100%;}
.overlay ul li a:after {content: '';position: absolute;bottom: 0;left: 50%;width: 0%;transform: translateX(-50%);height: 3px;background: #ff0;transition: 0.35s;}@keyframes fadeInRight {0% {opacity: 0;left: 20%;}100% {opacity: 1;left: 0;}}

.dm-social section { margin-bottom: 20px;}
.dm-social section h3 {color: #ff0; font-size: 25px;font-family: 'overused_grotesksemibold';}
.dm-social section a { color: #fff; text-decoration: none; font-size: 25px; margin: 20px 0; line-height: 45px;}

.dm-footer-nav.dm-nav-1 ul { width: auto; float: left; min-width: 190px;}
.dm-footer-nav.dm-nav-1 ul li { line-height: 30px;}
.dm-footer-nav.dm-nav-1 ul li a { font-size: 28px; line-height: 30px;}

.navigating-form .formField.checkboxField label:first-child { font-size: 24px; margin-right: 20px; color: #6d6d6d; font-weight: normal; font-family: 'overused_groteskbook'; padding: 22px 20px; line-height: 24px;}
.navigating-form .formField.checkboxField label {font-size: 22px; line-height: 50px; color: #6d6d6d;}
.navigating-form .formField label input[type="checkbox"] { width: 30px; height: 30px; margin: 10px 20px; background: #0F1011; border: 1px solid #5F5F5F; accent-color: #FFFF00;}

.formField { display: flex; align-items: center;}
.tooltip {position: relative;display: inline-block;}
.tooltip .tooltiptext {visibility: hidden;width: 250px;background-color: #555;color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -125px;
  opacity: 0; transition: opacity 0.3s;}
.tooltip:hover .tooltiptext { visibility: visible; opacity: 1;}
.modal {display: none;position: fixed;top: 50%; left: 50%;transform: translate(-50%, -50%); z-index: 10; width: 500px; height: 300px; background: #000;}
.modal-content { background-color: #000; padding: 40px 20px 20px 20px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); max-width: 500px; margin: auto;}
.modal-content h3 {color: #ff0; font-size: 50px; margin: 20px 0 0; line-height: 60px;}
.modal-content p {color: #fff; font-size: 20px; margin: 20px 0 0;}
.overlayPop {display: none;position: fixed;top: 0;left: 0; width: 100%; height: 100%; background-color: rgba(229, 222, 226, 0.8); z-index: 10;}
.modal.show, .overlayPop.show { display: block;}
.close { position: absolute; top: 10px; right: 10px; font-size: 20px; cursor: pointer; color: #000; }

/* Popup content text style */
#popupContent { color: #fff; font-size: 40px; line-height: 50px; padding: 38px 20px; text-align: center;}


/*********************************



			Mobile / Ipad / Laptop
			
			
			
			**********************/
	

@media only screen and (min-device-width: 1024px) and (max-device-width: 1500px) {
  .dm-main-bg{min-height: 800px;}
  .dm-marca-logo { margin: 250px 0 0;}
  .overlay nav{ top: 10%;}
  .dm-social{bottom:30%;}
  .dm-enroll-bg .head-heading h1 { font-size: 55px;}
  .dm-work-columns ul li{font-size: 22px; line-height: 34px;}
  .dm-connecting-columns.dm-three-cols .dm-columns{padding: 25px;}
  .ui-ux-portfolio img, .mobile-app-portfolio img, .dm-branding img{width: 100%; height: auto;}
  
}

@media only screen and (min-width: 800px) and (max-width: 1023px) {
	.dm-contactLf { width: 100%;}
	.dm-contactRht{width: 100%; padding: 50px 0 0 0;}
	.dm-contactRht .navigating-form { width: 100%; float: right;}
	.dm-contactRht .navigating-form .formField { width: 100%; margin: 0;}
	.largeField button { width: 100%; margin: 0;}
	.dm-connecting-columns.dm-three-cols .dm-columns{ padding: 20px;}
	.dm-connecting { margin: 80px 0 0;}	
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .dm-main-bg{ min-height: 700px; background: url(../images/bg.png) no-repeat center -100px;}
  .dm-marca-logo { margin: 200px 0 0;}
  .head-heading h1{font-size: 38px;}
  .dm-enroll-bg .head-heading h1{font-size: 28px;line-height: 40px;}
  .head-heading span{width: 70px;}
  .head-heading span img { width: 100%; height: auto;}
  .dm-client-logos{ width: 100%;  margin: 20px 0 0;}
  .dm-connecting-col { width: 100%; margin: 20px 0 0;}
  .dm-connecting-columns .dm-columns{width: calc(100% - 2px);padding: 30px;}
  .dm-left-services{ width: 100%;}
  .dm-right-services{margin: 0; width: 100%;}
  .dm-connecting-columns{padding: 30px 0 0;}
  .dm-testimonials{padding: 30px 0 0;}
  .dm-hire-talent{ background-position:center 0;}
  .dm-hire-talent{padding: 370px 0 0;}
  .dm-hire-talent-col{margin: 40px 0 0;display: inline-block;}
  .dm-hire-talent-col span{ display:none;}
  .dm-hire-talent-col section{width: 100%;padding: 42px 20px 0;}
  .footer-heading { font-size: 140px;line-height: 135px;}
  .dm-footer-last p{font-size: 22px; margin: 20px 0 30px;line-height: 36px;}
  .dm-footer-last h6 a, .dm-footer-last h6{line-height: 60px;font-size: 80px; margin: 30px 0 20px;}
  .dm-footer-nav h3 { font-size: 24px; line-height: 34px;}
  .dm-footer-nav li, .dm-footer-nav li a{font-size: 24px;}
  .dm-footer-nav.dm-nav-1 ul li{line-height: 24px;}
  .dm-footer-nav.dm-nav-1 ul li a { font-size: 24px; line-height: 24px;}
  .top-btn-head{ width: 216px;}
  .dm-h2{font-size: 36px;line-height: 40px;}
  .dm-connecting-col p { font-size: 24px; line-height: 36px;}
  .dm-connecting-columns .dm-columns h4{font-size: 42px; line-height: 36px;}
  .dm-connecting-columns .dm-columns li{font-size: 26px; line-height: 46px;}
  .dm-left-services section h3{font-size: 36px; line-height: 46px;}
  .dm-right-services section h3{ font-size: 36px; line-height: 46px;}
  .dm-intro h5{ font-size: 20px; line-height: 30px;}
  .dm-intro small { font-size: 16px;line-height: 28px;}
  .tab-label{font-size: 26px; line-height: 30px;}
  .overlay nav{top: 5%;}
  .overlay ul li a{line-height: 80px; font-size: 80px;}
  .dm-social{ right: inherit; left: 46px;}
  .dm-social ul li{margin-left: 0; margin-right: 10px;}
  .dm-about-bg { background-position:center center;}
  .dm-connecting .yw-head{line-height: 40px;font-size: 40px;}
  .dm-ceo { margin: 50px 0 80px 0;}
  .ceo-video{width: 100%;}
  .ceo-quote { width: 90%; margin: 50px 5% 0;}
  .column-count-8 img{ width: 100%;}
  .dm-connecting-col p{font-size: 20px; line-height: 30px;}
  .head-heading h3{font-size: 38px; line-height: 30px;}
  .team-pics{gap: 20px 20px; margin: 0 0 20px 0;}
  
  .dm-enroll-bg{min-height: 700px;}
  .dm-enroll-bg .dm-marca-logo{margin: 200px 0 0;}
  .navigating-career .dm-h2{ padding: 100px 0 50px 0; font-size: 40px;}
  .dm-work-columns h4{font-size: 70px; line-height: 70px;}
  .dm-work-columns ul li:first-child { margin: 10px 40px 0 40px; list-style: disc;}
  .dm-work-columns ul li{font-size: 20px; line-height: 33px;margin: 10px 0 0 40px;}
  .dm-about-bg{min-height: 700px;}
  .dm-works ul{width: calc(58% - 76px);}
  .dm-ui-ux-design-bg .head-heading h1{font-size: 70px;}
  .ui-ux-portfolio img, .mobile-app-portfolio img, .dm-branding img{width: 100%; height: auto;}
  .fontSize.dm-enroll-bg .head-heading h1 { font-size: 70px;}
  .fontFixSize .dm-work-columns h4 { font-size: 60px; line-height: 60px;}
  
  
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  .inner { padding-left: 20px; padding-right: 20px;}
  .top-btn-head{width: 205px;}
  .dm-logo-head{ margin: 20px 0 0 20px;}
  .dm-main-bg{ min-height: 675px;background: url(../images/bg.png) no-repeat center -200px;}
  .dm-about-bg{ background: url(../images/about.png) no-repeat center bottom;}
  .button_container{top: 38px;}
  .head-btn{margin: 30px 0 0;}
  .dm-marca-logo{ margin: 200px 0 0;}
  .head-heading .line{flex-direction: column;}
  .head-heading h1 { font-size: 42px; line-height: 50px;padding: 0 10%;}
  .head-heading span{width: 80px; margin: 16px 0 0;}
  .head-heading span img{width:100%; height:auto;}
  .dm-clients { margin: 80px 0 0;}
  .dm-h2{ line-height: 40px; font-size: 34px; width: 100%;}
  .dm-client-logos{ width: 100%; margin: 20px 0 0;}
  .dm-client-logos-in{margin-left: 0; margin-top: -1px; width: 100%; padding: 10px 0; line-height: 86px;}
  .dm-client-logos-in img { width: 50%; height: auto;}
  
  .dm-connecting{margin: 80px 0 0;}
  .dm-connecting-col{ width: 100%; margin:20px 0 0;}
  .dm-connecting-col p { font-size: 24px; line-height: 36px;}
  .dm-connecting-columns .dm-columns{width: 100%;padding: 20px;}
  .dm-connecting-columns .dm-columns h4{font-size: 36px;  line-height: 36px;padding: 30px 0 10px;}
  .dm-connecting-columns .dm-columns li{font-size: 24px; line-height: 42px;}
  
  .dm-left-services{ width: 100%;}
  .dm-right-services{width: 100%;margin: 0;}
  .dm-right-services li{width: 40%; margin-right: 10%;font-size: 18px; line-height: 28px;}
  .dm-hire-talent{min-height: 700px;    padding: 270px 0 0;}
  .dm-hire-talent-col span { border-bottom: 1px solid #fff;  padding-top: 30px;}
  .dm-hire-talent-col span img { display: none;}
  .dm-hire-talent-col{margin: 20px 0 0;    flex-direction: column;}
  .dm-hire-talent-col section{width:100%;padding: 32px 20px 0;}
  .tab-label{font-size: 22px; line-height: 28px;}
  .footer-heading { font-size: 70px; line-height: 74px}
  .dm-footer-last p{line-height: 32px; font-size: 24px; margin: 20px 0 30px;}
  .dm-footer-last h6 a, .dm-footer-last h6{font-size: 53px;}

  .dm-nav-main { margin: 80px auto 50px;}
  .dm-footer-last .dm-footer-nav{width: 50%;}
  .dm-footer-last .dm-footer-nav.dm-nav-2{text-align: right;}
  .dm-footer-nav h3 { font-size: 24px; line-height: 34px;margin-top: 20px;margin-bottom: 10px;}
  .dm-footer-nav.dm-nav-1 ul li{margin-bottom: 6px}
  .dm-footer-nav li, .dm-footer-nav li a{ font-size: 22px; line-height: 32px;}
  .dm-footer-nav.dm-nav-1 ul li a{ font-size: 22px; line-height: 30px;}
  .dm-footer-policy .dm-nav-main { margin: 0 auto 20px;}
  .dm-footer-policy .dm-footer-nav.dm-nav-1{margin: 0 0 20px 0; width:100%;}
  .dm-footer-policy .dm-footer-nav.dm-nav-3 span{float: left;}
  .dm-footer-policy .dm-footer-nav.dm-nav-2{ text-align: left;}
  .dm-footer-policy .dm-footer-nav{width: 100%;}
  .dm-ui-ux-design-bg .head-heading h1 { font-size: 42px; margin: 20px 0 0;}
  .ui-ux-portfolio img, .mobile-app-portfolio img, .dm-branding img{width: 100%; height: auto;}
  .dm-work-columns h4{font-size: 40px; line-height: 40px;}
  .dm-work-columns ul li:first-child { margin: 0;}
  .dm-work-columns ul li { font-size: 24px;line-height: 28px;width: 100%; margin: 10px 0 0 24px;}
  .dm-work-columns section p.full.floatL{line-height: 36px; font-size: 26px;}
  .dm-connecting .yw-head{ line-height: 50px;font-size: 42px;}
  
  .overlay nav{top: 80px; width: calc(100% - 40px); left: 20px;}
  .dm-social ul li{margin-left: 0; width: 40px; margin-right: 10px;}
  .dm-social ul li img { width: 100%; height: auto;}
  .dm-social section { margin-bottom: 10px;}
  .overlay ul li a{line-height: 40px; font-size: 40px;}
  .dm-social{bottom: 20px; right: inherit; left: 20px;}
  .dm-social section a{font-size: 22px; margin: 18px 0 0; line-height: 42px;}
  
  .dm-contactLf {width: 100%;}
  .dm-contactLf h2.dm-h2{font-size: 80px; line-height: 70px; padding: 80px 0 50px 0;}
  .dm-contactLf .navigating-form a{line-height: 40px;font-size: 20px;padding: 10px 40px 10px 80px;margin: 20px 0;}
  .dm-contactRht .navigating-form fieldset{ margin: 0 0 15px 0;}
  .dm-contactRht .navigating-form .formField{ width: 100%; margin: 0;}
  .navigating-form .formField input{width: 100%; padding: 0 20px; font-size: 20px; height: 64px;}
  .largeField button { width: 100%; margin: 0;}
  .dm-connecting-columns.dm-three-cols .dm-columns{padding: 20px; width: 100%;}
  .dm-testimonials figure img { width: 80%; max-width: 300px;}
  .requestforTalent a{font-size: 30px; line-height: 30px;}
  .dm-contactRht{padding: 20px 0 0 0; width: 100%;}
  .dm-contactRht .navigating-form{width: 100%;}
  
  .dm-ceo { margin: 0 0 80px 0;}
  .ceo-video { width: 100%;}
  .ceo-quote { width: 90%; margin: 50px 5% 0;}
  .team-pics img { flex: inherit;}
  .column-count-8 img{width: 116px;}
  .dm-connecting-col .half { width: 100%; margin-right: 0; margin-bottom: 30px;}
  
  .dm-works ul li{margin-bottom: 18px;}
  .dm-works ul:first-child{margin-left: 0px; float: left;}
  .dm-works ul{width: 48%;margin-left: 0;float: right;}
  .dm-about-columns span { width: 100%; text-align: center; padding: 20px 0; min-height: auto; margin: 0 0 5px 0;}
	
  .navigating-career .dm-h2 { font-size: 50px; line-height: 50px; padding: 80px 0 50px 0;}
  .navigating-form fieldset { border: none; margin: 0;}
  .navigating-form .formField{width: 100%; margin: 0 0 20px 0;}
  .navigating-form .largeField .formField { width: 100%; margin: 0 0 20px 0;}
  
  
}