/********custom class for mobile device *******/
@media (min-width: 1100px) {
    .container {
        width: 1120px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

   #nav {width: 100%;}
  .more-features-box-text { margin-top: 30px; padding-left: 0; }
  .more-features-box-text:first-child { margin-top: 0; }
  .great-support-box-text-left { padding-right: 0; }
  .great-support-box-text-left:first-child { margin-top: 0; }
  .alert-container{ width: 100% !important; }
}

@media (min-width: 768px) and (max-width: 991px) {

    .alert-container{ width: 100% !important; }

    #nav ul li a{
        min-width: 140px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #nav {width: 100%;margin:0;padding: 0}
	.section-description p { padding: 0; }
	.more-features-box { float: none; width: auto; }
	.more-features-box-text { margin-top: 30px; padding-left: 0; text-align: center; }
	.more-features-box-text:first-child { margin-top: 50px; }
	.more-features-box-text-icon { float: none; display: inline-block; }
	.more-features-box-text h3 { float: none; width: auto; margin-top: 20px; }
	.more-features-box-text-description { float: none; width: auto; }
	.great-support-box { float: none; width: auto; }
	.great-support-box-text { margin-top: 30px; padding-left: 0; text-align: center; }
	.great-support-box-text-left { padding-right: 0; }
}

@media (max-width: 767px) {
    h1,h2,h3{
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .headerNavbar.navbarCG {
        margin-top: 0;
    }
    .control-label{
        margin:10px 0 5px 0;
    }
    .navbar-top.hide-small{
        display: none;
    }
    .wrapper .scrollto{
        padding-top: 45px;
    }
    .wrapper{
        margin-bottom: 90px;
    }
    .navbar-toggle .icon-bar {
        border: 1px solid #0A3478;
    }

   .coockie_message.has-menu{
        top:45px;
    }
  .section-container {
    padding: 20px 0;
  }

  .header-title-big {
      font-size: 2em;
      line-height: 1em;
  }
  .padding-left-sm .header-title-big{
    font-size: 1.8em;
  }
  .padding-left-box,.padding-left-sm {
    padding: 15% 5%;
  }
  .client-intro-box{
    padding-top: 0;
    padding-bottom: 0;
  }
  .contact-panel-border{
    /***not working need to check ***/
    border-right:0 solid #aaa;
    margin:15px auto;
    border-bottom:2px solid #aaa;
  }
  .left-text-panel{
    padding-left: 10px;
  }
  .navbar-toggle {
      position: absolute;
      right: 6px;
      top: 13px;
      z-index: 999;
  }

  .headerNavbar.sticky .navbar-toggle{
    top: -4px;
  }

  .navbarCG.unsticky .navbar-toggle {
    position: relative;
    top: -4px;
  }

  .unsticky .mobile-logo-container {
    display: none!important;
  }

  #nav{
      position: relative;
      top: 0;
      width: 100%;
      margin: 0;
      padding: 0;
      background: #fff;
      z-index: 980;
  }
  #nav ul{
    padding: 0;
  }
  #nav ul li{
    width: 100% !important;
    background: #fff;
  }

	.navbar.navbar-no-bg { background: #444; }
	.navbar-brand { margin-left: 15px; }
	.navbar-collapse { border: 0;}
	.navbar-inverse ul.navbar-nav li a { padding-top: 10px; padding-bottom: 10px; }

	.inner-bg { padding: 140px 0; }
	.top-content .top-big-link { margin-top: 25px; }
	.top-content .top-big-link a.btn { margin-top: 10px; }

	.section-description p { padding: 0; }

  .more-features-box-text { margin-top: 30px; padding-left: 0; text-align: center; }
	.more-features-box-text:first-child { margin-top: 50px; }
	.more-features-box-text-icon { float: none; display: inline-block; }
	.more-features-box-text h3 { float: none; width: auto; margin-top: 20px; }
	.more-features-box-text-description { float: none; width: auto; }

	.great-support-box-text { margin-top: 30px; padding-left: 0; text-align: center; }
	.great-support-box-text-left { padding-right: 0; }

	.footer-social a { margin: 5px; }

    .pb-footer li a , .mobile-copy ul li{
        font-size: 12px;
    }
    .pb-footer ul li{
        line-height: 12px;
    }
    .pb-footer ul li:last-child{
        border-right:none;
    }
    .pb-footer ul {
        text-align: center;
    }
    .mobile-copy{
        width: 100%;
        bottom: 0;
    }

    .headerNavbar.navbarCG{
        background-color: #FFCC00;
        top: 0;
        position: fixed !important;
    }
    .cg-with-nav{
        margin-top: 45px;
    }
    .cg-with-nav div:last-child{
        padding-top: .3em;;
    }

    .headerNavbar{
        height: 45px;
        background-color: #FFCC00;
        z-index: 9999;
    }
    .headerNavbar.sticky {
        background: #FFCC00;
        box-shadow: none;
    }
    .unsticky #nav{
        margin-top: 0;
    }
    .mobile-logo-container{
        width: 120px;
        height: 25px;
        margin: 10px auto;
    }
    .mobile-logo-container img{
        width: 120px;
        height: auto;
    }

    .logo-clip{
        clip: rect(0px,153px,32px,0px);
        position: absolute;
    }

    .dataProtectDialog{
        width: auto;
    }
}

@media (max-width: 415px) {

	h1, h2 { font-size: 1.2em;}

    .pb-footer{
        padding: 10px 0;
    }

    .spacer {
        /*display: none !important;*/
    }
}

/* Retina-ize images/icons */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

}