/**
 * Default Look and Feel
 */
 .alertify,
 .alertify-log {
 	font-family: sans-serif;
 }
 .alertify {
 	background: #FFF;
 	border: 10px solid #333; /* browsers that don't support rgba */
 	border: 10px solid rgba(144,144,144,.7);
 	border-radius: 8px;
 	box-shadow: 0 3px 3px rgba(0,0,0,.3);
 	-webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
 	-moz-background-clip: padding;     /* Firefox 3.6 */
 	background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
 }
 .alertify-text {
 	border: 1px solid #CCC;
 	padding: 10px;
 	border-radius: 4px;
 }
 .alertify-button {
 	border-radius: 4px;
 	color: #FFF;
 	font-weight: bold;
 	padding: 6px 15px;
 	text-decoration: none;
 	text-shadow: 1px 1px 0 rgba(0,0,0,.5);
 	box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);
 	background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
 	background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
 	background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
 	background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
 	background-image:         linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
 }
 .alertify-button:hover,
 .alertify-button:focus {
 	outline: none;
 	background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
 	background-image:    -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
 	background-image:     -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
 	background-image:      -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
 	background-image:         linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
 }
 .alertify-button:focus {
 	box-shadow: 0 0 15px #2B72D5;
 }
 .alertify-button:active {
 	position: relative;
 	box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
 }
 .alertify-button-cancel,
 .alertify-button-cancel:hover,
 .alertify-button-cancel:focus {
 	background-color: #666666;
 	border: 1px solid #D83526;
 }
 .alertify-button-ok,
 .alertify-button-ok:hover,
 .alertify-button-ok:focus {
 	background-color: #D61920;
 	border: 1px solid #3B7808;
 }

 .alertify-log {
 	background: #1F1F1F;
 	background: rgba(0,0,0,.9);
 	padding: 15px;
 	border-radius: 4px;
 	color: #FFF;
 	text-shadow: -1px -1px 0 rgba(0,0,0,.5);
 }
 .alertify-log-error {
 	background: #FE1A00;
 	background: rgba(254,26,0,.9);
 }
 .alertify-log-success {
 	background: #5CB811;
 	background: rgba(92,184,17,.9);
 }

 .icon-text {
  padding-top:50px;
}

/*.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  }*/

  @media (min-width: 576px) {
    .container {
      max-width: 540px;
    }
  }

  @media (min-width: 768px) {
    .container {
      max-width: 100%;
    }
  }

  @media (min-width: 992px) {
    .container {
      max-width: 960px;
    }
  }

  @media (min-width: 1200px) {
    .container {
      max-width: 1140px;
    }
  }

  .container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
  */

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

  	img { 
  		max-width: 100%; 
  		margin-left: 0px!important;
  	}

   .sol-section img {
      width:100%;
      height: auto!important;
    }

    .icon-text {
      padding-top:0px;
    }

    .img-resp {
      width:100%!important;
      margin-left:0px!important;
    }

    .responsive {
      padding: 0px!important;
      width:100%!important;
    }

    .row-responsive {
      padding: 15px!important;
      max-width:100%!important;
      padding-top:10px;
    }


  }

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
  */

  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .img-resp {
      width:100%!important;
      margin-left:0px!important;
    }

    .responsive {
      padding: 0px!important;
      width:100%!important;
    }

    .row-responsive {
      padding: 15px!important;
      max-width:100%!important;
      padding-top:10px;
    }

    .sol-section img {
      width:100%;
      height: auto;
    }


  }

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
  */

  @media (min-width: 481px) and (max-width: 767px) {
  	img { 
  		max-width: 100%!important;
  		max-height: 100%!important; 
  		margin-left: 0px!important;
      height: auto!important;
    }

    .responsive {
      padding: 0px!important;
      max-width:100%!important;
    }

    .row-responsive {
      padding: 15px!important;
      max-width:100%!important;
      padding-top:10px;
    }


    .grey-row {
      padding: 15px 0px 15px 0px!important;
    }

    .grey-img {
      height:auto!important;
    }

    .media-agency img {
      width:60px!important;
    }

    .icon-text {
      padding-top:15px;
    }

    .img-resp {
      width:100%!important;
      margin-left:0px!important;
    }


  }

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
  */

  @media (min-width: 320px) and (max-width: 480px) {

  	img { 
  		max-width: 100%!important;
  		max-height: 100%; 
  		margin-left: 0px!important;
      height: auto!important;
    }

    .responsive {
      padding: 0px!important;
      width:100%!important;
    }

    .row-responsive {
      padding: 15px!important;
      max-width:100%!important;
      padding-top:10px;
    }

    .grey-row {
      padding: 15px 0px 15px 0px!important
    }

    .grey-img {
      height:auto!important;
    }

    .media-agency img {
      width:60px!important;
    }
    .icon-text {
      padding-top:15px;
    }

    .img-resp {
      width:100%!important;
      margin-left:0px!important;
    }
  }