/* Initial base */
* {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Play', sans-serif;
}
h2 {
  font-size: 39px;
  line-height: 150%;
  text-transform: uppercase;
  color: #002D4D;
  font-weight: bold;
  margin-bottom: 20px;
}
h4 {
  font-family: Lato;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 175%;
}
.font-medium {
  font-size: 16px;
}
html {
	scroll-behavior: smooth;
}
body {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  line-height: 27px;
  color: #004B6E;
}

.fluid {
  position: relative;
  left: 5%;
  width: 90%;
  margin-top: 5%;
  display: flex;
}
.circle-now{
  background-image: url(../../assets/images/custom-block.png);
  background-repeat: no-repeat;
  background-size: 78%;
  position: relative;
  background-position: -80px -10px;
}
ul,li{
  list-style-type: none;
}
.check {
  width: 533.13px;
  height: 320.5px;
  left: 14.87px;
  top: 60.5px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(122.11deg, #75168C -1.39%, #04B3DA 89.82%);
  opacity: 0.75;
  position: relative;
}
.check_pre{
  width: 533.13px;
  height: 320.5px;
  left: -20.87px;
  top: 60.5px;
  background: linear-gradient(107.59deg, #F9F871 0%, #FF8792 100%);
  opacity: 0.95;  
  position: relative;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
.check_out {
  width: 533.13px;
  height: 320.5px;
  left: 14.87px;
  /* top: 60.5px; */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(122.11deg, #75168C -1.39%, #FFA777 89.82%);
   opacity: 0.75;
  position: relative;
}
/* .full-width {
  position: absolute;
  top: 40px;
  z-index: 999;
  left: 10px;
  width: 536px !important;
  height: 336px;
} */
.full-width1 {
  position: absolute;
  top: 22px;
  z-index: 999;
  left: 10px;
  width: 536px !important;
  height: 343px;
  outline:none !important;
}
.full-width2 {
  position: absolute;
  top: 22px;
  z-index: 999;
  left: 10px;
  width: 536px !important;
  height: 343px;
  outline:none !important;
}

.sec-1 img{
 /* height: 87px;
 width: 87px;
 background-color: white;
 position: relative;
 left: 10px;
 margin: 10px; */
 width: 80%;
background-color: white;
position: relative;
/* left: 10px; */
border-radius: 10px;
/* margin: 13px; */
margin-left: 13px;
margin-top: 15px;
}
li.first-sec {
  width: 100%;
  padding: 5px;
  /* transform: rotate(90deg); */
  /* background: red; */
  background: linear-gradient(182.1deg, #04B3DA 0%, #D08CDE 88.66%);
  /* border-radius: 10px; */
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-transform: uppercase;
  color: white;
}
li.empty{
  background-color: #fff;
  border-radius:10px;
  margin-left: 13px;
  margin-top: 15px;
  height: 104px;
  width: 80%;
}
.sec-1 {
  background: #E6F7FB;
  border-radius: 10px;
  width: 10%;
  margin-right: 10px;
 
}
/* .gallery{
   width: 90%;
   position: relative;
   left: 20px;
} */
/* .circle-now2{
  background-image: url(../../assets/images/custom-block.png);
  background-repeat: no-repeat;
  background-size: 78%;
  position: relative;
  background-position: 80px 10px;
} */
.full-width {
  width: 100% !important;
}
.full-width-padding {
  width: 100% !important;
  /* padding-bottom: 75px !important; */
  padding-top: 30px !important;
}
.error {
  border: 1px solid #fe0000 !important;
}
.clear {
  clear: both;
}
ul.list {
  margin: 0;
  padding: 0;
}
ul.list li {
	list-style: none;
    padding-left: 40px;
    margin-bottom: 20px;
    line-height: 25px;
}
ul.list.align-fix li {
  display: flex;
  align-items: center;
  height: 25px;
}
ul.list li img {
  position: absolute;
  left: 15px;
  padding-top: 2px;
}
ul.list.left-box li img {
  left: 60px;
}
.technology_list li
{
	float: left;
	width: 45%;
}
.technology_list #one
{
	background: url(../images/icons/icon47.svg) no-repeat -32px 12%;
    background-origin: content-box;
    background-size: 16px;		
}
.technology_list #two
{
	background: url(../images/icons/icon-orange.png) no-repeat 10px 7% !important;
    background-origin: content-box;
    background-size: 16px;		
}
.technology_list #three
{
	background: url(../images/icons/icon45.svg) no-repeat -32px 5%;
    background-origin: content-box;
    background-size: 16px;	
}
.white-box,
.white-box h2 {
  color: #ffffff;
}
.how-to-use {
  padding-top: 150px;
}
.make-it {
  padding-top: 130px;
  padding-left: 60px;
  /* text-align: center; */
}
.about-content
{
	background: url(../images/about-content-bg.png);
	background-size: auto;		
	width: 100%;
	background-size: 100% 100%;
	min-height: 1100px;
}
.c-name
{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
.c-title
{
	font-size: 16px;
	color: #002D4D;
	font-weight: normal;
}
.c-text
{
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}
.mtop
{
	margin: 20px 0 20px 0;
}


/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/* Navbar */
.fixed-top {
    height: 70px;
    background: #fff;
    box-shadow: 0px 2px 5px rgba(0, 45, 77, 0.1);
}
.dropdown:hover .dropdown-menu {
   display: block !important;
}
/* Buttons */
.btn-contact {
  background: url(../images/btn-contact.png) no-repeat;
  width: 216px;
  height: 41px;
  display: block;
}
.btn-contact:hover
{
  background: url(../images/btn-contact-h.png) no-repeat;
}
body:after{
position: absolute; overflow: hidden; left: -50000px;
 content: url(../images/btn-contact-h.png);
 content: url(../images/send-msg-h.png);
}
.btn-contact.mobile {
  display: none;
}
.btn-contact:hover {
  color: #fff;
}
.icon-space {
  margin-right: 5px;
  margin-top: -2px;
}

/* Header */
header {
  font-family: 'Play', sans-serif;
}

/* Navigation */
.navbar-nav a {
  color: #002D4D;
  font-size: 16px;
  margin-right: 50px;
  height: 44px;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.dropdown-toggle::after {
  margin-right: 5px;
  border-top: .3em solid #04B3DA;
}
.dropdown-menu-arrow {
  top: -25px;
  left: 25%;
  width: 0;
  height: 0;
  position: relative;
}
.dropdown-menu-arrow:before,
.dropdown-menu-arrow:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-width: 12px 16px;
  border-style: solid;
  border-color: transparent;
  z-index: 1001;
}
.dropdown-menu-arrow:after {
  bottom: -18px;
  right: -8px;
  border-bottom-color: #fff;
}
.dropdown-menu-arrow:before {
  bottom: -17px;
  right: -8px;
  border-bottom-color: rgba(0,0,0,.15);
}

/* Main wrapper */
.wrapper-box {
  width: 100%;
  padding: 0;
  margin: 0;
  top: 60px;
  position: relative;
}

/* Home page */
.home {
  /* background: url(../../assets/images/homebg.png) no-repeat 0px 0px; */
  width: 100%;    
  background-size: 100% 100%;  
  padding-bottom: 125px;
}
.home::before {
  content:"";  
  width: 100%;
  height: 181px;
  background-image:  url(../../assets/images/home-after.png);
  background-size: 100% 100%;
  position: absolute;
  /* bottom: -35px; */
  overflow: hidden;
}
.home .circle-box {
  background-image: url(../../assets/images/circle-box.png);
  background-repeat: no-repeat;
  background-size: 68% 96%;
  background-position: 100% 10px;
}
.why-to-use {
  padding-top: 50px;
  padding-bottom: 40px;
}
.why-to-use-image {
  padding-top: 50px;
}
.why-to-use ul.list.left-box li img {
  left: 15px;
  padding-top: 5px;
}
.why-to-use-block {
  background: url(../../assets/images/why-to-use-bg.png) no-repeat 0px 0px;
  width: 100%;    
  background-size: 100% 100%;  
  padding-bottom: 150px;
  padding-top: 60px;
  background-position: 0 290px;
}
.why-to-use-block::before {
  content:"";  
  width: 100%;
  height: 82px;
  background-image:  url(../../assets/images/why-to-use-before.png);
  background-size: 100% 100%;
  position: absolute;
  top: 290px;
  overflow: hidden;
}
.why-to-use-block::after {
  content:"";  
  width: 100%;
  height: 82px;
  background-image:  url(../../assets/images/why-to-use-before.png);
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  transform: rotate(180deg);
}
.why-to-use-block .circle-block {
  background-image: url(../../assets/images/custom-block.png);
    background-repeat: no-repeat;
    background-size: 60% 32%;
    background-position: 0 0;
    position: relative;    
}
.why-to-use-block .custom-solutions {
  padding-top: 100px;
}
.custom-solutions-block {
  background-image: url(../../assets/images/custom-solutions-bg.png);
  background-repeat: no-repeat;
  background-size: 62% 85%;
  background-position: 0 0;
  position: relative;
  top: -175px;
}
.custom-solutions-block .support {
  padding-top: 130px;
  padding-bottom: 150px;
}
.programmatic {
  padding-top: 40px;
}
.iphone-web {
  color: #E4F428;
  display: flex;
  align-items: center;
  text-decoration: underline;
}
.product-review {
  padding-top: 200px;
}
.product-reviews {
  background: url(../../assets/images/product-bg.png) no-repeat 0px 0px;
  width: 100%;    
  background-size: 100% 100%;  
  padding-bottom: 125px;
  margin-top: 100px;
}
.product-reviews::before {
  content:"";  
  width: 100%;
  height: 68px;
  background-image:  url(../../assets/images/product-before.png);
  background-size: 100% 100%;
  position: absolute;
  overflow: hidden;
}
.product-reviews::after {
  content:"";  
  width: 100%;
  height: 150px;
  background-image:  url(../../assets/images/product-after.png);
  background-size: 100% 100%;
  position: absolute;
  bottom: -35px;
  overflow: hidden;
}
.testimonials {
  background: url(../../assets/images/testimonials-bg.png) no-repeat 0px 0px;
  width: 100%;    
  background-size: 100% 100%;  
  padding-bottom: 125px;
  margin-top: 100px;
}
.testimonials::before {
  content:"";  
  width: 100%;
  height: 68px;
  background-image:  url(../../assets/images/testimonials-before.png);
  background-size: 100% 100%;
  position: absolute;
  overflow: hidden;
}
.testimonials::after {
  content:"";  
  width: 100%;
  height: 85px;
  background-image:  url(../../assets/images/testimonials-after.png);
  background-size: 100% 100%;
  position: absolute;
  bottom: 0px;
  overflow: hidden;
}
.testimonial-heading
{
  
  text-align: center;line-height: 150%;font-size: 16px; color: #002D4D;opacity: 0.5;
}
.testimonials-person-title{
  
  text-align: center;
text-transform: uppercase;
color: #002D4D;
font-size: 18px;
font-family: Play;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 150%;

}
.testimonials-flow-head{
  font-family: Play ;color:white ;font-size: 18px; line-height: 150%; font-family: Lato;
  font-style: normal;
  font-weight: normal;

}
.testimonials-flow-body{

}
.design-circle {
  background-image: url(../../assets/images/design-circle.png);
  background-repeat: no-repeat;  
  background-position: 0% -34px;
  position: relative;
}
.violet {
  color: #75168C;
}
.small-box {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 2px 5px rgba(0, 45, 77, 0.1);
  width: 80%;
  margin: 0 auto;
  padding: 30px 20px;  
}
.small-box h5 {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
}
.small-box ul.list li {
  padding-left: 35px;  
}
.small-box ul.list li img {
  left: 95px;
  margin-top: 4px;
}
.demographic {
  background: linear-gradient(to right, #04B3DA, #41E4CF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.geographic {
  background: linear-gradient(to right, #B070BA, #FF8792);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.behavioral {
  background: linear-gradient(to right, #4588ED, #89B3F3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.technical {
  background: linear-gradient(to right, #C138E2, #DC89A7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.campaign {
  background: linear-gradient(to right, #FFA777, #FFCF66);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.contextual {
  background: linear-gradient(to right, #00AA68, #87F9BB);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.why-to-use-block .custom-solutions p {
  width: 65%;
  margin: 0 auto;
}
.optimization {
  margin-top: 100px;
  margin-bottom: 100px;
  background-image: url(../../assets/images/optimization-engine.png);
  background-repeat: no-repeat;
  background-size: 500px 800px;
  background-position: right -100px;
}
.optimization p {
  width: 66%;
  margin: 0 auto 50px auto;
}
.optimize-box-one p,
.optimize-box-two p,
.optimize-box-three p {
  margin: auto auto 10px auto;
  width: 100%;
  text-align: center;
}
.optimize-box-one {
  background-image: url(../../assets/images/optimize1.png);
  background-repeat: no-repeat;
  min-height: 400px;
  background-size: 100% 400px;
  padding: 75px 25px 0 50px;
}
.optimize-box-two {
  background-image: url(../../assets/images/optimize2.png);
  background-repeat: no-repeat;
  min-height: 400px;
  background-size: 100% 400px;
  padding: 75px 25px 0 50px;
}
.optimize-box-three {
  background-image: url(../../assets/images/optimize3.png);
  background-repeat: no-repeat;
  min-height: 400px;
  background-size: 100% 400px;
  padding: 75px 25px 0 50px;
}
.optimize-caps {
  text-transform: uppercase;
}
.optimize-caps.blue {
  background: linear-gradient(to right, #C53FE5, #5ED8F2);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.optimize-caps.green {
  background: linear-gradient(to right, #04B3DA, #4CC086);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.optimize-caps.orange {
  background: linear-gradient(to right, #FF8792, #FFCF66);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ssp {
  padding-top: 80px;
}
.out-stream {
  padding-top: 65px;
}
.out-stream-bg {
  background-image: url(../../assets/images/out-stream-bg.png);
  background-repeat: no-repeat;
  width: 100%;    
  background-position: -50px -170px;
  padding-top: 150px;
}
.vertical-bg {
  background-image: url(../../assets/images/vertical-bg.png);
  background-repeat: no-repeat;
  background-size: 500px 600px;
  width: 100%;    
  background-position: 105% -173px;
  padding-top: 80px;
}
.split-box h6 {
  font-size: 18px;
  font-weight: bold;
  padding: 15px 0 10px 0;
  margin-bottom: 0;
  text-transform: uppercase;
}
.split-box .box {
  margin-bottom: 40px;
}
.vertical-image {
  padding-top: 20px;
}
.vertical-content {
  padding-top: 150px;
  padding-bottom: 100px;
}
.how-it-works {
  padding-top: 150px;
}
.how-it-works-block {
  background: url(../../assets/images/how-it-works-bg.png) no-repeat 0px 0px;
  width: 100%;    
  background-size: 100% 100%;  
  padding-bottom: 150px;
  padding-top: 140px;
}
.how-it-works-block::before {
  content:"";  
  width: 100%;
  height: 82px;
  background-image:  url(../../assets/images/how-it-works-before.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
}
.how-it-works-block::after {
  content:"";  
  width: 100%;
  height: 82px;
  background-image:  url(../../assets/images/how-it-works-before.png);
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  transform: rotate(180deg);
}
.lap-box {
  padding-top: 150px;
}
.block-dots {
  background: url(../../assets/images/block-dots.png) no-repeat 0px 0px;
  width: 100%;    
  background-size: 664px 584px;
  padding-top: 140px;
}
.new-campaign {
  padding-top: 100px;
}
.new-campaign .table {
  color: #004B6E;
}
.new-campaign .table td {
  padding-left: 0;
}
.new-campaign .table td:first-child {
  width: 40%;
  font-weight: bold;
}
.reporting {
  background-image: url(../../assets/images/reporting-dots.png);
  background-repeat: no-repeat;
  background-size: 950px 550px;
  background-position: right 0;
  padding-top: 140px;
}
/* Footer */
footer {
  background: url(../../assets/images/footer.png) no-repeat 0px 0px;
  width: 100%;    
  margin-top: 100px;
  background-size: 100% 100%;
}
footer .contact-form {
  background: #ffffff;
  padding: 30px;
  width: 100%;
  min-height: 200px;
  border-radius: 10px;
  margin-top: 100px;
  float: left;
}
footer .contact-form h3 {
  font-size: 24px;
  color: #002D4D;
  font-weight: bold;
  line-height: 135%;
  margin-bottom: 20px;
}
footer .contact-form form input {
  height: 46px;
  display: flex;
  align-items: center;
  font-size: 16px;
  padding: 10px;
  color: #004B6E;
  opacity: .5; /* Firefox */
  border: 1px solid rgba(0, 45, 77, 0.2);
  border-radius: 5px;
}
footer .contact-form form textarea {
  height: auto;
  display: flex;
  align-items: center;
  font-size: 16px;
  padding: 10px;
  color: #004B6E;
  opacity: .5; /* Firefox */
  border: 1px solid rgba(0, 45, 77, 0.2);
  border-radius: 5px;
}
footer .contact-form form ::placeholder {
  color: #004B6E;
  opacity: .5; /* Firefox */
}
footer .contact-form form input,
footer .contact-form form textarea {
  margin-bottom: 25px;
}
footer .contact-form form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #004B6E;
  opacity: .5; /* Firefox */
}
footer .contact-form form ::-ms-input-placeholder { /* Microsoft Edge */
  color: #004B6E;
  opacity: .5; /* Firefox */
}
footer .contact-form form .btn {
  padding: 0;
  margin: 0;
}
footer .footer-links {
  margin: 130px 0 0 120px;
}
footer .footer-links .box {
  margin-bottom: 50px;
}
footer .footer-links .head-link {
  font-family: "Play", sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 150%;
  color: #ffffff;
  text-transform: uppercase;
  width: 100%;
  display: flex;
  margin-bottom: 10px;
}
footer .footer-links .child-link {    
  font-size: 16px;    
  line-height: 150%;
  color: #ffffff;    
  width: 100%;
  display: flex;
  opacity: 0.75;
  margin-bottom: 10px;
}
footer .copyright {
  width: 100%;
  padding: 16px 0;
  border-top: 1px solid #fff;
  opacity: 0.75;
  text-align: center;
  color: #ffffff;
  margin-top: 70px;
}
footer .comingsoon{
  color: #adb5bd  !important;
}
.gallery hr
{
	background: #04B3DA;
	opacity: 0.2;
	margin-top: 0px !important;
}
.nav
{
	align-items: center;
	justify-content: center;
	margin-bottom: 0px !important;
}
.nav .nav-link
{
	font-family: Play;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
	color: #004B6E;
}
.nav-pills .nav-link.active-tag
{
	color: #04B3DA !important;
	font-weight: bold;
	background: none !important;
}
.nav-pills .nav-link:hover
{
	color: #04B3DA !important;
	background: none !important;
}
.active-tag {
    display: block;
    border-bottom: none;
    position: relative;
}
.active-tag:after {
    content:"";
    background: linear-gradient(120.1deg, #04B3DA 0%, #D08CDE 88.66%);
	border-radius: 10px 10px 0px 0px;
    display: block;
    height:4px;
    width: 100%;
    position: absolute;
    bottom: 0;
	left:0;
}
.gallery-items-row .item-column:hover
{
	background: linear-gradient(120.1deg, #04B3DA 0%, #D08CDE 88.66%);
	padding: 1px;
	background-color: #fff;
	/*border-radius: 10px 10px 0px 0px;*/
	cursor: pointer;
}
.border-wrap
{
	background: #fff;
	height: 100%;
}
.col-xl-22
{
	max-width: 20% !important;
}
/* Mobile version */
/* About us section */
@media screen and (max-width:430px){
  .fluid{
    width: 100%;
    flex-basis: 21%;
    font-size: 10px;
    flex-wrap: wrap;
  }
  .sec-1 {
    background: #E6F7FB;
    border-radius: 10px;
    width: 16%;
    margin-right: 10px;
    margin-bottom: 10px;
}
.sec-1 img {
  width: 80%;
  background-color: white;
  position: relative;
  /* left: 10px; */
  border-radius: 10px;
  /* margin: 13px; */
  margin-left: 7px;
  margin-top: 15px;
}
li.empty {
  background-color: #fff;
  border-radius: 10px;
  margin-left: 7px;
  margin-top: 15px;
  height: 50px;
  width: 80%;
}
}
@media screen and (max-width: 1024px) and (min-width: 320px) {
  /* .check{
    display: none;
  } */
  /* Navigation */   
  
  nav .navbar-collapse {
    background: #ffffff;
    position: relative;
    top: 20px;
    box-shadow: 0px 2px 5px rgba(0, 45, 77, 0.1);
  }
  nav .navbar-toggler:focus, 
  nav .navbar-toggler:hover {
    outline: 0;
  }
  nav .navbar-collapse ul {
    text-align: center;
  }
  nav .navbar-collapse ul .nav-item {
    text-align: center;
  }
  nav .navbar-collapse ul .nav-item .nav-link {
    text-align: center;
    display: block;
    text-align: center;
    width: 100%;
    color: #04B3DA;
    text-transform: uppercase;
  }
  nav .navbar-nav .dropdown-menu {
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(4, 179, 218, 0.3);
    border-left: 0; 
    margin: 10px;
    border-radius: 0;
  }
  nav .navbar-nav .dropdown-menu .dropdown-menu-arrow:before,
  nav .navbar-nav .dropdown-menu .dropdown-menu-arrow:after {
    content: '';
    border: 0;
  }
  nav .navbar-nav .dropdown-menu .dropdown-item {
    text-align: center;
    display: block;
  }
  
  .btn-contact.mobile {
    background: transparent;
    width: auto;
    border-radius: auto;
    border: 0;
    height: 40px;    
    display: block;
  }
  .btn-contact.web {
    display: none;
  } 
  /* Home page */
  .home {
    padding-bottom: 0;
  }
  .how-to-use {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .home .circle-box {
    background-image: none;
    background-repeat: no-repeat;
    background-size: 100% 100%;    
    padding-bottom: 30px;
  }
  .make-it {
    padding-left: 15px;
    padding-top: 30px;
    margin-bottom: 40px;
  }
  .make-it .btn {
    width: 100%;
  }
  ul.list.left-box li img {
    left: 15px;
  }
  .why-to-use-block .custom-solutions p,
  .why-to-use-block .custom-solutions h2 {
    width: 100%;
    text-align: left;
    margin: auto;
  }
  .custom-solutions-block {
    background-size: 185% 50%;    
  }
  .custom-solutions-block .support {
    padding-top: 100px;
    padding-bottom: 0;
  }
  .optimization {
    background: transparent;
  }
  .ssp {
    padding-top: 40px;
  }
  .out-stream-bg {
    background: transparent;
    width: 100%;    
    padding-top: 80px;
  }
  /* .vertical-content {
    padding-top: 50px;
    margin-bottom: -50px;
    margin-left: -15px;
    width: 360px;
    padding-bottom: 0px;
  } */
  .vertical-bg {
    background: none;
  }
  .how-it-works {
    padding-top: 50px;
  }
  .how-it-works-block {
    padding-top: 0;
    padding-bottom: 100px;
  }
  .how-it-works-block::before {
    height: 40px;
  }
  .how-it-works-block::after {
    height: 40px;
  }
  .new-campaign {
    padding-top: 50px;
  }
  .reporting {
    background: transparent;
  }
  .lap-box {
    padding-top: 0;
  }
  .block-dots {
    background: transparent;
    padding-top: 60px;
  }
  .circle-block {
    background: none  !important;
  }
  .why-to-use-block .circle-block h2 {
    text-align: left !important;
  }
  .small-box {
    margin-bottom: 25px;
    width: 100%;
  }
  .small-box ul.list li img {
    left: 35px;
  }
  /* Footer mobile version */
  footer {
    background: url(../../assets/images/mobile-footer.png) no-repeat 0px 0px;
    width: 100%;    
    margin-top: 5px;
    background-size: 100% 100%;
  }
  footer .contact-form {
      margin-top: 30px;
  }
  footer .footer-links .box {
    margin-bottom: 30px;
  }
  footer .footer-links {
    margin: 50px 0 0 0px;
  }
  .technology_list li
  {
	  float: none;
	  width: 100%;
  }
  .technology_list #one
  {
	  background-position: -32px 5% !important;
  }
  .technology_list #two
  {
	  background-position: 10px 5% !important;
  }
  .technology_list #three
  {
	  background-position: -32px 3% !important;
  }
  .text-center
  {
	  text-align: left !important;
  }
  .pt-5, .py-5
  {
	  padding-top: .5em !important;
	  padding-bottom: .5em !important;
  }
  li.nav-item:nth-child(5),li.nav-item:nth-child(6),li.nav-item:nth-child(7),li.nav-item:nth-child(8),li.nav-item:nth-child(9),li.nav-item:nth-child(10),li.nav-item:nth-child(11),li.nav-item:nth-child(12),li.nav-item:nth-child(13),li.nav-item:nth-child(14)
  {
	  display: none !important;
  }
  .nav-link {
    padding: .5rem .8rem;
  }
   .nav
  {
	justify-content: left;
  }
	.col-xl-22 
	{
	max-width: 33% !important;
	}
	.desk-c
	{
		display: none;
	}
	.mob-c
	{
		display: block !important;
	}
}
	.mob-c
	{
		display: none;
	}
.send-btn
{
	background:url(../images/send-msg.png) no-repeat;
	width: 245px;
	height: 41px;
}
.send-btn:hover
{
	background:url(../images/send-msg-h.png) no-repeat;	
}
nav .comingsoon {
  text-align: center;
  width: 100%;
  color: #adb5bd  !important;
}
p.test{
  color: green;
}

.text-center-1
{
  text-align: center;
}

.testimonal-perosn-head{
  font-family: Play ;color:white;font-size: 60px;line-height: 2; font-weight: bold;
  padding-top:50px;
  /* background: linear-gradient(246.9deg, #F9A179 19.22%, #7A1B8C 89.18%); */

}

.dmp-head4{
  font-family: Lato;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 175%;
color: #004B6E;
}

.dmp-h3{
  font-family: Play;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 150%;
  text-align: center;
text-transform: uppercase;
color: #004B6E;
}

.imglogo {
  /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
    -webkit-transition: all .3s ease-in-out;  
  }

.imglogo:hover {
  filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transform: scale(1.15);
  }

  #menu-outer {
    height: 84px;
    background: url(images/bar-bg.jpg) repeat-x;
  }
  
  .table {
    display: table;   /* Allow the centering to work */
    margin: 0 auto;
  }
  
  ul#horizontal-list {
    min-width: 696px;
    list-style: none;
    padding-top: 20px;
    }
    ul#horizontal-list li {
      display: inline;
    }
@media screen and (max-width: 480px)
{
.about-content
{
	background: url(../images/about-content-bg-m.png) !important;
	background-repeat: no-repeat !important;
	min-height: 2560px;
}
}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  /* h2.preroll {background: red; } */
  p.preroll{ margin-bottom: 4rem !important;}
  p.p-use{margin-bottom: 3rem !important;}
  p.why-use{margin-bottom: 3rem !important;}
  .outst{
    padding-top: 20px;
  }
  /* .jus{
    position: relative;
    top: -50px;
    left: 5px;
  } */
  .check_out {
    width: 315.13px;
    height: 246.5px;
    left: 20.87px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(122.11deg, #75168C -1.39%, #FFA777 89.82%);
    opacity: 0.75;
    position: relative;
} 
.check_pre{
  width: 315.13px;
  height: 246.5px;
  left: -5.87px;
  top: 60.5px;
  background: linear-gradient(107.59deg, #F9F871 0%, #FF8792 100%);
  opacity: 0.95;  
  position: relative;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
.check {
  /* width: 330.13px;
  height: 300.5px;
  left: 20.87px; */
  width: 315.13px;
  height: 246.5px;
  left: 20.87px;
  /* //top: 60.5px; */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(122.11deg, #75168C -1.39%, #04B3DA 89.82%);
  opacity: 0.75;
  position: relative;
}
.full-width1 {
  /* position: absolute;
  top: 22px;
  z-index: 999;
  left: 20px;
    width: 330px !important;
    height: 310px;
  outline:none !important; */
  position: absolute;
    top: -28px;
    z-index: 999;
    left: 8px;
    width: 330px !important;
    height: 322px;
    outline: none !important;
}
.full-width2{
  position: absolute;
    top: -28px;
    z-index: 999;
    left: 22px;
    width: 330px !important;
    height: 322px;
    outline: none !important;

}
  /* img.full-width {
    position: absolute;
    top: 40px;
    z-index: 999;
    left: 20px;
    width: 330px !important;
    height: 310px;
} */
 
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  /* h2.preroll {background: violet;} */
  p.preroll{ margin-bottom: 4rem !important;}
  p.why-use{margin-bottom: 3rem !important;}
 
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  h2.preroll {
    /* background: blue; */
    padding-top: 90px;
  }
  
} 
@media screen and (min-width: 760px) and (min-width: 769px){

  
} 
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  h2.preroll {padding-top: 90px;}
  p.why-use{margin-bottom: 8rem !important;} 
  
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  h2.preroll {padding-top: 90px;}
  p.why-use{margin-bottom: 0rem !important;}

}