/* WIDE DESKTOP LAYOUT ----------------------------------------------- */
@media only screen and (min-width: 960px) {
#header-cover #login .cover {
  width: 920px;
}
#header-cover #header {
  width: 940px;
}
#web {
  width: 960px;
}
footer .cover {
  width: 960px;
}
}
/* TABLET LAYOUT ----------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {

#cookie-bar p {
  width: 692px;
  padding: 10px 10px;
}	
		
	
#header-cover #login .cover {
  width: 692px;
  padding: 10px;
}
#header-cover #header {
  width: 692px;
}
#header-cover #header #login-link {
  margin-right: 0px;
}
#header-cover #header ul li a {
  font-size: 12px;
}
#header-cover #header ul.joomla-nav {
  width: 445px;
}
#web {
  width: 712px;
}
#web .cols-2 .item {
  width: 336px;
}
#web .columns {
  width:  712px;
}
#web .column.two {
  width:  692px;
}
#web .meet-team {
  margin: 30px 0;              
}
#web .columns .four {
  width: 158px;
  margin: 0 10px;
  float: left;                     
}
#web .columns {
  position: relative;
  display: block;
  clear: both;
  height: 100%;
}
#web .columns .three {
  width: 216px;                  
}
#web .column.two.boxies {
  margin: 0;
} 
#web .columns .card {
  display: block;
  clear: both;
  position: relative;
  height: 230px;
  padding-bottom: 15px;                  
}
#web .columns .card strong {
  font-weight: 700;
  font-family: 'Exo', arial, sans-serif;
  font-size: 15px;
  color: #000;
  padding-top: 5px;
  display: block;
  text-transform: uppercase;                    
}
#web .columns .card img {
  /*float: left;
  margin: 0 10px 10px 0;
 height: 75px;   */         
 margin: 0 auto;
 display: block;      
}
#web .columns .card p {
  font-size: 11px;
  line-height: 150%;   
  margin: 0;           
}
#web .columns .card p a {
  color: #b0b0b0;                               
}

.blog #web .blogblog .column-1, .blog #web .blogblog .column-2, .blog #web .blogblog .column-3 {
  width: 336px;
  min-height: 350px;
  padding-bottom: 20px;
} 

  
#web #contact-form div {
  display: block;
  padding: 20px 0 0 0;   
  height: 40px;                    
}
#web #contact-form input.text {
  padding: 8px; 
  margin-right: 0px;
  width: 224px;
} 
#web #contact-form label {
  top: -54px;
  position: relative;
} 
#web #contact-form textarea {
  width: 224px;
  min-width: 224px;
  max-width: 224px;                         
}  


#slideshow {
  height: 210px;
}
#slideshow .slider li {
  height: 208px;
}
#slideshow .cover {
  width: 550px;
  margin: 25px auto 0 auto;
  height: 124px;
}

#slideshow .cover .shadow {
  width: 640px;
  height: 30px;
  position: absolute;
  bottom: -30px;
  left: 0;
  background: url('../images/slideshow/shadow-slide.png') no-repeat;
  background-size: 100% auto!important;
} 
.slidecontrols {
    height: 1px;
    margin: 0 auto;
    position: relative;
    width: 712px;
}
#slideshow .slidecontrols #nav-left {
  width: 40px;
  height: 60px;
  top: 76px;
  left: 10px;
}
#slideshow .slidecontrols #nav-left a {
  width: 40px;
  height: 60px;
  background-size: 100% auto!important;
}
#slideshow .slidecontrols #nav-right {
  width: 40px;
  height: 60px;
  top: 76px;
  right: 10px;
}
#slideshow .slidecontrols #nav-right a {
  width: 40px;
  height: 60px;
  background-size: 100% auto!important;
} 
#slideshow .cover {
  width: 550px;
  margin: 25px auto 0 auto;
  height: 114px;
  background: #fff;
  position: relative;
  padding: 20px 40px;
}
#slideshow .cover.center {
    text-align: center;
  }
#slideshow .cover.left img {
      float: left; 
      max-height: 94px;                 
  }
#slideshow .cover.right img {
      float: left;       
      max-height: 94px;         
  }
#slideshow .cover h2 {
    font-size: 22px;
    padding-bottom: 0;
  }
#slideshow .cover p {
    font-size: 12px;
    line-height: 140%;
    padding-bottom: 0;
  }  
#slideshow .cover .buttons .cta-or {
    font-size: 12px;           
  }
#slideshow .cover span {
  background: #fff;
}
  
  
  
#title-line h2 {
  width: 692px;
}
  
#web h2.big-title {
  font-size: 30px;
}
ul.breadcrumb  {
  width: 692px;
} 
#web .column.two {
  width: 330px;
  float: left;
  margin: 0 8px;
}
#web .column.two iframe {
  width: 340px!important;
  height: 191px;
}
#web .boxies p {
  font-size: 13px;
}
#web #clients {
  margin: 20px 8px 100px;
}
#web #clients li ul.logos {
  padding: 10px 10px;
  width: 676px;
}
#contact-place {
  width: 159px;
}
#contact-place li {
  margin-bottom: 4px;
  line-height: 100%;
}
#contact-place li a {
  font-size: 14px;
}
#contact-place li.active a {
  width: 129px;
}
#web .contact-page {
  padding: 40px 0 0 20px;
  width: 520px;
}
#web .contact-page .three {
  width: 240px;
}
#web .contact-page .double {
  width: 240px;
}
#web .contact-page .column.three h3 {
  font-size: 20px;
  font-family: 'Exo', arial, sans-serif;
  color: #000;
  padding-bottom: 8px;
  border-bottom: 1px #efefef solid;
  margin: 0 0 8px 0;
}
#web .contact-page .column h4 {
  color: #1a171b;
  font-size: 12px;
  margin-top: 8px;
}
#web .contact-page .column strong {
  color: #1a171b;
  font-size: 14px;

}
#web .contact-page .column ul {
  list-style: none;
  color: #1a171b;
  margin-top: 4px;
}
#web .contact-page .column ul li {
  padding: 3px 0;
}
#web .contact-page .column ul li a {
  color: #ff2f19;
  text-decoration: underline;
}
#web .contact-page .column ul li a:hover, #web .contact-page .column ul li a:focus {
  color: #c71b09;
}
footer .cover {
  width: 712px;
}
footer .cover .column {
  width: 158px;
  margin: 25px 10px;
  float: left;
}
footer .cover .column h3 {
  font-size: 18px;
}
footer .cover .column .news h4 {
  color: #ffffff;
  position: relative;
  width: 158px;
  margin: 5px 0 0 0;
  padding: 0;
}
footer .cover .column .news h4 span {
  position: relative;
  display: block;
  right: auto;
  top: auto;
}

#boxes #dialog {
  width:650px!important;  
  height:450px!important; 
} 
#boxes #dialog iframe {
  width:650px!important; 
  height:450px!important;  
} 

  
/* Company history timeline styles  */
#timeline ul {
  background: url('/templates/ibillboard_2.0/images/timeline-line.png') center repeat-y;
  position: relative;
  height: 1121px
}
#timeline ul li {
  width: 45%;
  padding-right: 5%;
  font-size: 11px;
  height: 130px;
}
#timeline ul li span {
  width: 42px;
  height: 22px;
  background: url('/templates/ibillboard_2.0/images/timeline-dot-left.png') no-repeat;
  position: absolute;
  top: 6px;
  right: -13px;
}
#timeline ul li.right span {
  width: 42px;
  height: 22px;
  background: url('/templates/ibillboard_2.0/images/timeline-dot-right.png') no-repeat;
  position: absolute;
  top: 6px;
  left: -25px;
}
/* END - Company history timeline styles  */  
  
  
#web div.two.columns {
    margin: 25px 10px 40px;
    width: 692px;
    clear: both;
    display: block;
} 
footer .cover .column  h4, footer .cover .column .newsflash h4 {
  width: 158px;
} 
#web p.intro-text {
  font-size: 22px;
}
body #web ul.check {
  width: 255px;
}

#registration-form {
  width: 612px;
  margin: 0 10px;
  padding: 40px;
}
#registration-form img {
  display: none;
}
#registration-form div {
  width: 612px;
}
#registration-form div input.text {
  width: 170px;
} 
#registration-form div textarea {
  width: 579px!important;
  min-width: 579px!important;
  max-width: 579px!important;
}
#registration-form div #register-email-submit {
  float: left;
  margin-left: 10px;
}
.tab_container {
    width: 470px;    
  }
.highlighted-box {
  margin: 10px;
  width: 260px;
  float: left;
  position: relative;
}  

img.right {
  max-width: 370px;
}
body .infographics {
  max-width: 680px;
  margin: 5px 10px 25px 10px;
} 
body .tab_container .infographics {
  width: 420px;
  margin: 5px 0 25px;
}
.newsflash.testimonials {
  padding: 0 0px 0 10px;
  margin: 0 10px;
  font-size: 12px;
  line-height: 140%;
  background-image: none;
}
.newsflash.testimonials .signature {
  margin-left: 30px;
  width: 230px;
  color: #000;
  font-size: 12px;
  line-height: 120%;
}
.newsflash.testimonials .signature img {
  float: left;
  margin: 0 50px 0 0;
  border: 5px #e5e5e5 solid;
  padding: 1px;
  height: 145px;
}
.newsflash.testimonials .signature strong {
  padding-top: 30px;
  display: block;
}
.newsflash.testimonials .text {
  max-width: 290px;
  color: #606060;
  padding-top: 5px;
}
.newsflash.testimonials .text span {
  color: #606060;
  font-size: 12px;
}
#slideshow .cover .newsflash.testimonials .buttons {
  margin-top: 20px!important;
}
#web div.testimonials .signature {
  width: 15%;
}
#web div.testimonials .signature img {
  margin-bottom: 10px;
}
#web div.testimonials .signature strong {
  font-family: arial, sans-serif;
  font-size: 14px;
}
#web div.testimonials .text {
  font-size: 13px;
  width: 80%;
}
body #web input.yellow-button {
  padding: 4px 10px!important;
  font-size: 11px;
}
body #web input.yellow-button:hover, body #web input.yellow-button:focus {
  padding: 4px 10px!important;
  font-size: 11px;
} 
body #web input.green-button {
  padding: 4px 10px!important;
  font-size: 11px;
}
body #web input.green-button:hover, body #web input.green-button:focus {
  padding: 4px 10px!important;
  font-size: 11px;
} 
body #web input.blue-button {
  padding: 4px 10px!important;
  font-size: 11px;
}
body #web input.blue-button:hover, body #web input.blue-button:focus {
  padding: 4px 10px!important;
  font-size: 11px;
}   
body #web input.red-button {
  padding: 4px 10px!important;
  font-size: 11px;
}
body #web input.red-button:hover, body #web input.red-button:focus {
  padding: 4px 10px!important;
  font-size: 11px;
} 
  
  
body #web a.yellow-link, body #slideshow a.yellow-link  {
  padding: 4px 8px!important;
  font-size: 11px;
  margin: 0 auto;
  float: none;
}
body #web a.green-link, body #slideshow a.green-link  {
  padding: 4px 8px!important;
  font-size: 11px;
  margin: 0 auto;
  float: none;
} 
body #web a.blue-link, body #slideshow a.blue-link  {
  padding: 4px 8px!important;
  font-size: 11px;
  margin: 0 auto;
  float: none;
}
body #web a.red-link, body #slideshow a.red-link  {
  padding: 4px 8px!important;
  font-size: 12px;
  margin: 0 auto;
  float: none;
} 
#slideshow .buttons {
  float: none;
}
	
.item .box .two-buttons, #registration-box form div.reg-submit {
  position: relative;
  bottom: 0;
  left: 0;  
}
.item .box, #registration-box, #tab-box  {
    height: auto;
}	
}


/* MOBILE LAYOUT (PORTRAIT/320PX) ----------------------------------------------- */
@media only screen and (max-width: 767px) {

.blogadserver.main .column-1, .blogmobile.main .column-1 {
  width:100%;
}

#cookie-bar p {
  width: 300px;
  padding: 10px 10px;
} 

#header-cover #login .cover {
  width: 300px;
  padding-left: 10px;
  padding-right: 10px;
}
#header-cover #header #login-link {
  font-size: 10px;
  color: #bfbfbf;
  padding: 0px 5px;
}
#header-cover #header #rtb-academy {
  font-size: 10px;
  padding: 0px 5px;
}
#header-cover #header #login-link img, #header-cover #header #rtb-academy img {
  display: none;
}
body #header-cover #header ul#sky-navi {
  position: absolute;
  top: -5px;
  right: 0;
  z-index: 999;
}
body #header-cover #header ul#sky-navi li {
  margin: 0 2px;
  padding: 0;
}
#header-cover #header {
  width: 300px;
  min-height: 82px!important;
  height: auto;
  padding: 35px 10px 20px 10px;
}
#header-cover #header h1 {
  width: 140px;
  height: 23px;
  margin-bottom: 5px;
}
#header-cover #header h1 span {
  width: 140px;
  height: 23px;
  background: url('../images/ibb-logo-sml.png') no-repeat;
}
/* --- logo for sections --- */
.adplatform #header-cover #header h1 {
  width: 140px;
  height: 24px;
}
.adplatform #header-cover #header h1 span {
  width: 140px;
  height: 24px;
  background: url('../images/ibb-logo-adplatform-sml.png') no-repeat;
}
.adserver #header-cover #header h1 {
  width: 140px;
  height: 24px;
}
.adserver #header-cover #header h1 span {
  width: 140px;
  height: 24px;
  background: url('../images/ibb-logo-adserver-sml.png') no-repeat;
}
.rtb #header-cover #header h1 {
  width: 140px;
  height: 24px;
}
.rtb #header-cover #header h1 span {
  width: 140px;
  height: 24px;
  background: url('../images/ibb-logo-rtb-sml.png') no-repeat;
}
.mobile #header-cover #header h1 {
  width: 140px;
  height: 24px;
}
.mobile #header-cover #header h1 span {
  width: 140px;
  height: 24px;
  background: url('../images/ibb-logo-mobile-sml.png') no-repeat;
}
#second-stage h2 {
  margin: 0 25px;
}	
	
#header #mobile-navi {
  display: block;
}
#header #mobile-navi select {
  width: 100%;
  margin: 10px 0 0 0;
}
    
      
#header-cover #header ul.joomla-nav {
  padding-top: 0;
  display: none!important;
}
#header-cover #header ul li {
  padding-right: 20px;
}
#header-cover #header ul li a {
  font-size: 12px;
  font-family: arial, sans-serif;
  text-transform: uppercase;
}
#header-cover #header ul li.active ul {
  width: 180px;
  padding: 10px;
}
#header-cover #header ul li.active ul li a {
  font-size: 11px;
  font-family: arial, sans-serif;
  padding: 0px 16px;
}
#header-cover #header ul li.parent a {
  padding-right: 9px;
} 
#header-cover #header #lang-switcher {
  position: absolute;
  top: 35px;
  right: 1px;
}
#header-cover #header #lang-switcher.active {
  top: 34px;  
  right: 0;
  }
#header-cover #header #lang-switcher li a {
  font-size: 11px;
}
#login {
  height: 120px;
}
#header-cover #login .cover form input#password, #header-cover #login .cover form input#username {
  margin-top: 5px;
}
#header-cover #login .cover label {
  top: 9px!important;
  font-size: 11px;
}
#header-cover #login .cover form input#password, #header-cover #login .cover form input#username {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 22px!important;
  width: 150px;
  padding: 0 5px;
  font-size: 11px;
}
#header-cover #login .cover .to-bookmarks {
  float: left;
  color: #fff;
  margin: 5px 20px 0 0;
  padding: 0 0 0 10px;
}
#header-cover #login .cover form .btn-submit {
  margin-top: 5px;
}
#header-cover #login .cover iframe {
  height: 65px;
  width: 300px;
  float: left;
} 
#header-cover #login .cover .to-bookmarks {
  font-size: 11px;
  font-weight: normal;
}
#header-cover #header p.breadcrumbs {
  display: none;
}
#title-line {
  padding: 20px 0 0 0;
  height: 55px;
}
ul.breadcrumb  {
  width: 300px;
}   
#title-line h2 {
  width: 300px;
  font-size: 22px;
}
#web h2.big-title {
  font-size: 22px;
}
  
#web {
  width: 320px;
}
#web .columns {
  width:  320px;
}
#web .column.two {
  width:  300px;
}
#web .column.two.boxies {
  margin: 0px;
}
#web .column-2 .column.two {
  float: left;
}	
	
#web .column.two iframe {
  width: 300px!important;
  height: 169px;
}
#web .icon-box {
  width: 30px;
  height: 30px;
  text-align: center;
}
#web .icon-box img {
  width: 30px;
}
#web .main p, #web .main ul li {
  font-size: 12px;
} 
#web .main ul {
  margin-left: 25px;
} 
#web #contact-form div {
  display: block;
  padding: 20px 0 0 0;   
  height: 40px;                    
}
#web #contact-form input.text {
  padding: 8px; 
  margin-right: 0px;
  width: 284px;
} 
#web #contact-form label {
  top: -54px;
  position: relative;
} 
#web #contact-form textarea {
  width: 284px;
  min-width: 284px;
  max-width: 284px;                        
}
  
.blog #web .blogblog .column-1, .blog #web .blogblog .column-2, .blog #web .blogblog .column-3 {
  width: 300px;
} 

.blog #web .blogblog .item  {
  float: none;
  padding-bottom: 25px;
}
.blog #web .blogblog .pagination {display: none;}

#slideshow {
  height: 180px;
}
#slideshow .slider li {
  height: 180px;
}
#slideshow .cover {
  width: 250px;
  margin: 25px auto 0 auto;
  padding: 25px;
  height: 76px;
  text-align: center;
}
#slideshow .cover.right {
  text-align: center;
}
#slideshow .cover .shadow {
  width: 300px;
  height: 30px;
  position: absolute;
  bottom: -30px;
  left: 0;
  background: url('../images/slideshow/shadow-slide.png') no-repeat;
  background-size: 100% auto!important;
} 
.slidecontrols {
    height: 1px;
    margin: 0 auto;
    position: relative;
    width: 320px;
}
#slideshow .slidecontrols #nav-left {
  width: 30px;
  height: 50px;
  top: 64px;
  left: 0px;
}
#slideshow .slidecontrols #nav-left a {
  width: 30px;
  height: 50px;
  background-size: 100% auto!important;
}
#slideshow .slidecontrols #nav-right {
  width: 30px;
  height: 50px;
  top: 64px;
  right: 0px;
}
#slideshow .slidecontrols #nav-right a {
  width: 30px;
  height: 50px;
  background-size: 100% auto!important;
} 
#slideshow .cover {
  width: 250px;
  margin: 25px auto 0 auto;
  padding: 15px;
  height: 110px;
  background: #fff;
  position: relative;
}
#slideshow .cover.center {
    text-align: center;
  }
#slideshow .cover.left img {
      display: none;                
  }
#slideshow .cover.right img {
      display: none;      
  }
#slideshow .cover h2 {
    font-size: 16px;
    padding-bottom: 0;
  }
#slideshow .cover p {
    font-size: 11px;
    line-height: 140%;
    padding-bottom: 0;
  }  
#slideshow .cover .buttons .cta-or {
    font-size: 12px;           
  }
#slideshow .cover span {
  background: #fff;
}
#slideshow .cover a.cta-link {
  padding: 4px 6px;
  font-size: 12px;
}  
#slideshow .getfree {
  width: 250px;
} 
#slideshow .getfree .email {
  height: 25px;
  font-size: 12px;
}
#slideshow .getfree .submit {
  height: 27px;
}
#slideshow .getfree label {
    top: 6px;
    font-size: 12px;
    
} 
  
  
#web h2 {
  font-size: 18px;
}
#web .column.two {
  width: 300px;
  float: left;
  margin: 0 10px;
}
#web .boxies h2 {
  font-size: 16px;
  margin: 2px 0;
  
}
#web .boxies p {
  font-size: 11px!important;
  font-family: arial, sans-serif;
}
#web #clients {
  margin: 20px 10px 40px;
}
#web #clients li ul.logos {
  padding: 5px 10px;
  width: 280px;
  height: 35px;
}
#web #clients li strong {
  font-size: 14px;
  padding: 10px 10px;
}
#web #clients li ul.logos li img, #web #clients li ul.logos li {
  height: 35px;
}
#web #clients li ul.logos li a {
  margin: 0;
  padding: 0;
  height: 35px;
}
#contact-place {
  width: 300px;
  float: none;
  clear: both;
  margin: 0;
  padding: 0 10px;
}
#contact-place li {
  margin: 0 4px 0 0;
  float: left;
  width: auto;
}
#contact-place li a {
  display: block;
  float: left;
  font-family: arial, sans-serif;
  font-size: 12px;
  border-bottom: none;
  border-right: 1px #e0e0e0 solid;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  padding: 8px;
  color: #000;
  width: auto;
  text-transform: uppercase;
  text-decoration: none;
}
#contact-place li.active a {
  position: relative;
  bottom: -1px;
  width: auto;
  background: #f7f7f7;
  background: url(data: image/svg+xml;
  base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top,  #f7f7f7 0%, #ffffff 56%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(56%,#ffffff));
  background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ffffff 56%);
  background: -o-linear-gradient(top,  #f7f7f7 0%,#ffffff 56%);
  background: -ms-linear-gradient(top,  #f7f7f7 0%,#ffffff 56%);
  background: linear-gradient(to bottom,  #f7f7f7 0%,#ffffff 56%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 );
}
#web .contact-page {
  padding: 40px 10px 0 10px;
  width: 300px;
  border-left: none;
  border-top: 1px #e0e0e0 solid;
  margin: 0;
}
#web .contact-page .column {
  height: auto;
  padding: 0 0 30px 0;
  min-height: 0;
}
#web .contact-page .three {
  width: 300px;
  margin: 0;
}
#web .contact-page .double {
  width: 300px;
}
#web .contact-page .column.three h3 {
  font-size: 18px;
  font-family: 'Exo', arial, sans-serif;
  color: #000;
  padding-bottom: 8px;
  border-bottom: 1px #efefef solid;
  margin: 0 0 8px 0;
}
#web .contact-page .column h4 {
  color: #1a171b;
  font-size: 12px;
  margin-top: 8px;
}
#web .contact-page .column strong {
  color: #1a171b;
  font-size: 12px;
}
#web .contact-page .column ul {
  list-style: none;
  color: #1a171b;
  margin-top: 4px;
  font-size: 11px;
}
#web .contact-page .column ul li {
  padding: 3px 0;
}
#web .contact-page .column ul li a {
  color: #ff2f19;
  text-decoration: underline;
}
#web .contact-page .column ul li a:hover, #web .contact-page .column ul li a:focus {
  color: #c71b09;
}
#web .columns .card {
  height: 115px;
}
#web .columns .card img {
  height: 50px;
}
.blog #web .blogblog h2 a {
  font-size: 18px;
} 
    
  
footer .cover {
  width: 320px;
}
footer .cover .column {
  width: 140px;
  margin: 25px 10px 0;
  float: left;
  font-size: 11px!important;
}
footer .cover .column h3 {
  font-size: 15px;
}
footer .cover .column  h4, footer .cover .column .newsflash h4 {
  color: #ffffff;
  position: relative;
  width: 130px;
  margin: 5px 0 0 0;
  padding: 0;
}
   
footer .cover .column h4 span {
  right: auto;
  top: auto;
  display: block;
  position: relative;
}
.theend {
  border-top: 1px #4f4f4f solid;
  padding: 25px 10px 25px;
  margin-top: 10px;
  height: auto;
}
.theend img {
  width: 100px;
}
.theend p {
  font-size: 11px;
  line-height: 150%;
  text-algin: left;
}
.theend p.left {
  float: left!important;
  min-width: auto;
  padding: 0;
} 
.theend p {
  display: block;
  float: none!important;
  min-width: 300px;
  clear: both;
  padding: 10px 0 0;
} 
.theend ul li span {
  margin-top: 0;
} 
#boxes #dialog {
  width:300px!important; 
  height:300px!important;
} 
#boxes #dialog iframe {
  width:300px!important;
  height:300px!important;
}   
  
/* Company history timeline styles  */
#timeline ul {
  background: url('/templates/ibillboard_2.0/images/timeline-line.png') center repeat-y;
  position: relative;
  height: 1508px;
}
#timeline ul li {
  width: 40%;
  padding-right: 10%;
  font-size: 11px;
  height: 220px;
  line-height: 120%;
}
#timeline ul li strong {
  padding-bottom: 6px;   
}
#timeline ul li.right span {
  left: -33px;
  top: 0;
}
#timeline ul li span {
  top: 0;
}
/* END - Company history timeline styles  */    
  
#web div.two.columns {
    margin: 25px 10px;
    width: 300px;
} 
    
#web .cols-2 .item {
  width: 300px;
  display: block;
  float: none;
  margin: 0 auto;
}
body #web .contact-page .column {
  min-height: 200px;
} 
body .center {
  width: 220px;
  margin: 15px auto 0;
} 
.blog #web .blogblog .item p {
  font-size: 12px;
}
.blog #web .blogblog .items-row {
  border-bottom: none;
}
.blog #web .blogblog .item {
  border-bottom: 1px solid #F0F0F0;
  padding-bottom: 14px;
  margin-bottom: 14px;
} 
#web p.intro-text {
  font-size: 14px;
  font-family: arial, sans-serif;
}
.monetisation img {
  width: 40px;
  margin-bottom: 68px;
}
body #web ul.check {
  width: 200px;
  margin: 0 auto;
  display: block;
}
body #web ul.check li {
  font-size: 11px;
  margin: 4px;
  padding: 8px 5px 5px 45px;
  width: 140px;
  background: url("/templates/ibillboard_2.0/images/ibillboard-icons/blue-check.png") no-repeat scroll 14px 9px #EEEEEE !important
}
img.right {
  float: none;
  margin: 0 auto;
  position: relative;
  display: block;
}
#web .main .item {
  padding-bottom: 20px;
  /*margin: 0 60px; ?? */
} 
body .center {
  width: auto;
  margin: 0 auto;
}
#registration-form {
  width: 250px;
  margin: 0 10px;
  padding: 15px;
}
#registration-form img {
  display: none;
}
#registration-form div {
  width: 250px;
}
#registration-form div input.text {
  width: 220px;
} 
#registration-form div textarea {
  width: 225px!important;
  min-width: 225px!important;
  max-width: 225px!important;
}
#registration-form div select {
  width: 231px;
} 
#registration-form div #register-email-submit {
  float: left;
  margin-left: 10px;
}
ul.tabs {
    padding: 0px 0 25px 0;
    float: left;
    list-style: none;
    border-right: none;
    width: auto;
    margin: 0px 10px 0 10px!important;
  }
ul.tabs li {
  font-family: arial, sans-serif;
  font-size: 12px!important;
  float: left;
  display: block;
  width: auto;
  border-right: 1px #EBEBEB solid!important;
  padding: 5px!important;
  margin: 2px!important;
  line-height: 100%!important;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-transform: none!important;

  }   
ul.tabs li.active {
  padding: 5px!important;
  margin: 2px!important;
  line-height: 100%!important; 
  }  
  .tab_container {
    width: auto;
    clear: both;
    margin-top: 0!important;
    padding: 0!important;
    float: none!important;
  }
  .tab_container .show-box {
    margin: 0 10px;
  } 
  .no-mobile {
  display: none;
}
.getfree {
  width: 240px;
} 
.getfree .email {
   width: 140px;
}
img.right {
  max-width: 300px;
}
.highlighted-box {
  margin: 20px 10px;
  clear: both;
  width: 260px;
  position: relative;
}
body .infographics {
  width: 300px;
  margin: 5px 10px 25px 10px;
  display: none;
}
body #web input.yellow-button {
  padding: 4px 10px!important;
  font-size: 11px;
}
body #web input.yellow-button:hover, body #web input.yellow-button:focus {
  padding: 4px 10px!important;
  font-size: 11px;
}	
body #web input.green-button {
  padding: 4px 10px!important;
  font-size: 11px;
}
body #web input.green-button:hover, body #web input.green-button:focus {
  padding: 4px 10px!important;
  font-size: 11px;
} 
body #web input.blue-button {
  padding: 4px 10px!important;
  font-size: 11px;
}
body #web input.blue-button:hover, body #web input.blue-button:focus {
  padding: 4px 10px!important;
  font-size: 11px;
} 	
body #web input.red-button {
  padding: 4px 10px!important;
  font-size: 11px;
}
body #web input.red-button:hover, body #web input.red-button:focus {
  padding: 4px 10px!important;
  font-size: 11px;
} 
	
	
body #web a.yellow-link, body #slideshow a.yellow-link	{
	padding: 3px 6px!important;
	font-size: 11px;
	margin: 0 auto;
	float: none;
}
body #web a.green-link, body #slideshow a.green-link  {
  padding: 3px 6px!important;
  font-size: 11px;
  margin: 0 auto;
  float: none;
}	
body #web a.blue-link, body #slideshow a.blue-link  {
  padding: 3px 6px!important;
  font-size: 11px;
  margin: 0 auto;
  float: none;
}
body #web a.red-link, body #slideshow a.red-link  {
  padding: 3px 6px!important;
  font-size: 12px;
  margin: 0 auto;
  float: none;
} 
#slideshow .buttons {
  float: none;
}
.moduletable.testimonials h3 {
  border-bottom: 1px #e9e9e9 solid;
  padding: 0 0 10px 0;
}
.newsflash.testimonials {
  padding: 0 30px 0 70px;
  margin: 25px 10px;
  font-style: italic;
  font-size: 14px;
  line-height: 150%;
  background: url('../images/cite-symbol.png') left top no-repeat;
}
.newsflash.testimonials .signature {
  float: right;
  margin-left: 50px;
  width: 300px;
  color: #000;
  font-size: 14px;
  line-height: 120%;
}
.newsflash.testimonials .signature img {
  float: left;
  margin: 0 50px 0 0;
  border: 5px #e5e5e5 solid;
  padding: 1px;
}
.newsflash.testimonials .text {
  max-width: 500px;
}
	.newsflash.testimonials {
  padding: 0 0px 0 0px;
  margin: 0 10px;
  font-style: italic;
  font-size: 12px;
  color: #606060;
  line-height: 150%;
  background: none;
}
.newsflash.testimonials .signature {
  display: none;
}
.newsflash.testimonials .signature img {
  float: left;
  margin: 0 0 0 0;
  border: 5px #e5e5e5 solid;
  padding: 1px;
  height: 145px;
}
.newsflash.testimonials .signature strong {
  padding-top: 5px;
  display: block;
}
.newsflash.testimonials .text {
  max-width: 250px;
  color: #606060;
  padding-top: 0px;
}
.newsflash.testimonials .text span {
  color: #606060;
  font-size: 11px;
}
#slideshow .cover .newsflash.testimonials .buttons {
  margin-top: 20px!important;
  float: left;
}
#web div.testimonials .signature {
  width: 30%;
}
#web div.testimonials .signature img {
  margin-bottom: 10px;
}
#web div.testimonials .signature strong {
  font-family: arial, sans-serif;
  font-size: 12px;
}
#web div.testimonials .text {
  font-size: 13px;
  width: 60%;
}
.item .box .two-buttons, #registration-box form div.reg-submit {
  position: relative;
  bottom: 0;
  left: 0;	
}
.item .box, #registration-box, #tab-box  {
    height: auto;
}
}


/* WIDE MOBILE LAYOUT (LANDSCAPE/480PX) ----------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {

#cookie-bar p {
  width: 400px;
  padding: 10px 10px;
} 

#header-cover #login .cover {
  width: 420px;
}
#header-cover #header {
  width: 400px;
}
#login {
  height: 120px;
}
#header-cover #login .cover iframe {
  width: 300px;
  float: left;
}   
#header-cover #login .cover label {
  top: 13px!important;
  font-size: 12px;
}
#header-cover #login .cover form input#password, #header-cover #login .cover form input#username {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: 28px!important;
  width: 150px;
  padding: 0 8px;
  font-size: 12px;
}
#header-cover #login .cover .to-bookmarks {
  margin: 5px 0 0 0;
  float: left;
}
#header-cover #login .cover form input#password, #header-cover #login .cover form input#username {
  margin-top: 0px;
}
#header-cover #login .cover label {
  top: 6px!important;
}
#header-cover #login .cover form .btn-submit {
  margin-top: 0px;
}
#title-line {
  padding: 20px 0 0 0;
  height: 60px;
}
ul.breadcrumb  {
  width: 400px;
} 
#title-line h2 {
  width: 400px;
  font-size: 26px;
}
#web h2.big-title {
  font-size: 25px;
}
#web {
  width: 420px;
}
#web h2 {
  font-size: 22px;
}
#slideshow {
  height: 210px;
}
#slideshow .slider li {
  height: 210px;
}
#slideshow .cover {
  width: 400px;
  margin: 25px auto 0 auto;
  padding: 25px;
  height: 96px;
}
#slideshow .cover .shadow {
  width: 450px;
  height: 30px;
  position: absolute;
  bottom: -30px;
  left: 0;
  background: url('../images/slideshow/shadow-slide.png') no-repeat;
  background-size: 100% auto!important;
} 
.slidecontrols {
    height: 1px;
    margin: 0 auto;
    position: relative;
    width: 480px;
}
#slideshow .slidecontrols #nav-left {
  width: 30px;
  height: 50px;
  top: 76px;
  left: 0px;
}
#slideshow .slidecontrols #nav-left a {
  width: 30px;
  height: 50px;
  background-size: 100% auto!important;
}
#slideshow .slidecontrols #nav-right {
  width: 30px;
  height: 50px;
  top: 76px;
  right: 0px;
}
#slideshow .slidecontrols #nav-right a {
  width: 30px;
  height: 50px;
  background-size: 100% auto!important;
} 
#slideshow .cover {
  width: 400px;
  margin: 25px auto 0 auto;
  padding: 25px;
  height: 96px;
  background: #fff;
  position: relative;
}
#slideshow .cover.center {
    text-align: center;
  }
#slideshow .cover.left img {
      display: none;                
  }
#slideshow .cover.right img {
      display: none;      
  }
#slideshow .cover h2 {
    font-size: 18px;
  }
#slideshow .cover p {
    font-size: 12px;
    line-height: 140%;
  }  
#slideshow .cover .buttons .cta-or {
    font-size: 12px;           
  }
#slideshow .cover span {
  background: #fff;
}
#slideshow .cover a.cta-link {
  padding: 4px 6px;
  font-size: 13px;
}  
  
  
    
#web .column.two {
  width: 400px;
  float: left;
  margin: 0 10px;
}
#web .column.two iframe {
  width: 400px!important;
  height: 225px;
}
#web .boxies h2 {
  font-size: 18px;
}
#web .boxies p {
  font-size: 11px!important;
}
#web #clients {
  margin: 20px 10px 40px;
}
#web #clients li ul.logos {
  padding: 5px 10px;
  width: 380px;
}
#contact-place {
  width: 420px;
  float: none;
  clear: both;
  margin: 0;
  padding: 0 10px;
}
#contact-place li {
  margin: 0 2px 0 0;
  float: left;
  width: auto;
}
#contact-place li a {
  font-size: 18px;
  padding: 10px;
  font-family: 'Exo', arial, sans-serif;
}

#web .contact-page {
  padding: 40px 10px 0 10px;
  width: 400px;
  border-left: none;
  border-top: 1px #e0e0e0 solid;
  margin: 0;
}
#web .contact-page .column {
  height: auto;
  padding: 0 10px 30px 10px;
  min-height: 200px;
}
#web .contact-page .three {
  width: 180px;
  margin: 0;
}
#web .contact-page .double {
  width: 180px;
}
#web .contact-page .column.three h3 {
  font-size: 18px;
  font-family: 'Exo', arial, sans-serif;
  color: #000;
  padding-bottom: 8px;
  border-bottom: 1px #efefef solid;
  margin: 0 0 8px 0;
}
#web .contact-page .column h4 {
  color: #1a171b;
  font-size: 12px;
  margin-top: 8px;
}
#web .contact-page .column strong {
  color: #1a171b;
  font-size: 12px;
}
#web .contact-page .column ul {
  list-style: none;
  color: #1a171b;
  margin-top: 4px;
  font-size: 11px;
}
#web .contact-page .column ul li {
  padding: 3px 0;
}
#web .contact-page .column ul li a {
  color: #ff2f19;
  text-decoration: underline;
}
#web .contact-page .column ul li a:hover, #web .contact-page .column ul li a:focus {
  color: #c71b09;
}

#web #contact-form div {
  display: block;
  padding: 20px 0 0 0;   
  height: 40px;                    
}
#web #contact-form input.text {
  padding: 8px; 
  margin-right: 0px;
  width: 164px;
} 
#web #contact-form label {
  top: -54px;
  position: relative;
} 
#web #contact-form textarea {
  width:164px;
  min-width:164px;
  max-width:164px;                         
}  

.blog #web .blogblog h2 a {
  font-size: 22px;
} 
  
  
#web .columns .card img {
  height: 70px;
} 
  
  
.blog #web .blogblog .column-1, .blog #web .blogblog .column-2, .blog #web .blogblog .column-3 {
  width: 400px;
} 
  
.blog #web .blogblog .item  {
  float: none;
  padding-bottom: 25px;
}
#web .cols-2 .item {
  width: 420px;
}  

footer .cover {
  width: 420px;
}
footer .cover .column {
  width: 190px;
  margin: 25px 10px 0;
  float: left;
}
footer .cover .column h3 {
  font-size: 18px;
}
footer .cover .column .news h4 {
  color: #ffffff;
  position: relative;
  width: 220px;
  margin: 5px 0 0 0;
  padding: 0;
}
footer .cover .column .news h4 span {
  position: relative;
  display: block;
  right: auto;
  top: auto;
}
#boxes #dialog {
  width:400px!important;  
  height:400px!important; 
} 
#boxes #dialog iframe {
  width:400px!important;  
  height:400px!important; 
}   
/* Company history timeline styles  */

#timeline ul li.right span {
  left: -39px;
}
/* END - Company history timeline styles  */    
  
#web div.two.columns {
   width: 400px;
   margin: 0 10px;
} 
body #web ul.check {
  width: auto;
}     
#registration-form {
  width: 350px;
  margin: 0 10px;
  padding: 15px;
}
#registration-form img {
  display: none;
}
#registration-form div {
  width: 350px;
}
#registration-form div input.text {
  width: 320px;
} 
#registration-form div textarea {
  width: 325px!important;
  min-width: 325px!important;
  max-width: 325px!important;
}
#registration-form div select {
  width: 330px;
} 
#registration-form div #register-email-submit {
  float: left;
  margin-left: 10px;
}
img.right {
  max-width: 460px;
}
	
#web .meet-team {
  width: 420px;  
}	
#web .columns .four {
  width: 190px;
}	
.newsflash.testimonials {
  padding: 0 0px 0 0px;
  margin: 0 10px;
  font-style: italic;
  font-size: 12px;
  color: #606060;
  line-height: 150%;
  background: none;
}
.newsflash.testimonials .signature {
  float: right;
  margin-left: 0px;
  width: 160px;
  height: 80px;
  color: #000;
  font-size: 12px;
  display: block;
  line-height: 120%;
}
.newsflash.testimonials .signature img {
  float: left;
  margin: 0 0 0 0;
  border: 5px #e5e5e5 solid;
  padding: 1px;
  height: 145px;
}
.newsflash.testimonials .signature strong {
  padding-top: 5px;
  display: block;
}
.newsflash.testimonials .text {
  max-width: 250px;
  color: #606060;
  padding-top: 0px;
}
.newsflash.testimonials .text span {
  color: #606060;
  font-size: 11px;
}
#slideshow .cover .newsflash.testimonials .buttons {
  margin-top: 20px!important;
  float: left;
}
#web div.testimonials .signature {
  width: 25%;
}
#web div.testimonials .signature strong {
  font-family: arial, sans-serif;
  font-size: 12px;
}
#web div.testimonials .text {
  font-size: 13px;
  width: 70%;
} 	
}