body{
    padding: 0px;
    margin:0px;
    font-family: 'Avenir', Georgia, "Times New Roman", serif;
     color: #666;

}
h1, h2, h3, h4, h5, h6 {
    padding-bottom: 10px;

    font-weight: 500;

}
#page-content{
  background-color: #fff;
}
.container{
padding-left: 0px !important;
padding-right: 0px !important;
}
.container-fullwidth{
    width: 100% !important
}
.header-bgcolor{
      /*  background-color: #745d12 !important;*/
}
.header{
  height: 97px !important;
}
.ab_header-content-subtitle{
    font-size: 25px !important;
    font-weight: bold;
}
.ab_header-content {

  /*    background-color: #745d12 !important;*/

    margin: 0px auto !important;
    border-bottom: none !important;
}
.ab_header-content h1 {
color: #fff !important;
font-size: 40px;
 line-height: 60px;
}
.ab_header-content p span , .ab_header-content p{
      color: #333 !important;
      line-height: 40px;
      margin: 4px;
      font-size: 18px;
}
.ab_header-content p {
    padding-bottom: 0;
    padding: 10px 10px;
}
img {
    max-width: 100%;
    height: auto;
}
.event-box h3{
  color: #000;
}
.testimonials-bg{
  background-color: #8CD2FF;
}
.ab_header-bg-txt h3 , h2{
  color: #000;
  font-weight: bold;
}
.row_limit {
    position: relative;
    width: 80%;
    max-width: 1080px;
    margin: auto;
    padding-bottom: 54px;
}
.row_limit_img {
    max-width: 150px;
    text-align: center;
      display: block;
    margin-right: auto;
    margin-left: auto;
    line-height: 0;
}
.row_limit_txt {
    background-color: rgba(255,255,255,0);
    padding-top: 50px !important;
}
.row_limit_txt p{
  margin-bottom:30px;
}




.waytosend{
  background-color:    #fff !important;
}
.waytosend h4{
    text-align: center;
    padding: 40px;

}
.waytosend p {
  font-size: 12px !important;
}
.waysend-btn{
padding: 0.3em 3em;
border: 1.5px solid #745D12 !important ;
border-radius: 3px !important ;
color: #745D12;
font-size: 15px;
font-weight: 500;
line-height: 1.7em !important;
}
.property-bg{
  background-color:#fff;
}
.waysend-btn:hover {
    padding: 0.3em 3em 0.3em 3em;
    border: 2px solid transparent;
    color: #2ea3f2;
    background: rgb(242, 242, 242);
}
.testimonials{
  width: 80%;
  margin: 0 auto;
  color: #666;
  padding: 50px 0px 54px 0;
}
.testimonials p{
  font-family: 'Avenir', Georgia, "Times New Roman", serif;
  font-size: 16px !important;
  color: #fff;
}

.testimonials h1{
  color: #fff;
   font-weight: bold;
   font-size: 35px;
}
.testimonials h2{
  color: #fff;
}
.videobox{
  width: 78%;
  margin: 48px auto;
}
.py{
  padding: 0px !important;
}
.pt-15{
  padding-top: 15px !important
}
.pt-10{
  padding-top: 10px !important
}
.
.video-line-height{
  line-height: 10px !important;
}
.myvideo-line-height{
  line-height: 30px !important;
}
.video-title{
  font-size: 13px !important;
    line-height: 10px;
    vertical-align: top;
}
.spend-right-now{
  font-size: 20px;
}
video{
  border: 1px solid #fff;
  width: 235px;
}

/* Mrging Padding Adjusting start*/

.pb-30{
  padding-bottom:30px !important;
}
.px-53{
      padding: 53px 0px;
}
.px-15{
  padding: 15px 0px;
}
.pd-0{
  padding: 0px !important;
}

.py-0{
  padding: 40px !important;
}
.px-10{
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.px-0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.px-40{
  padding: 40px 0px !important;
}
.pt-30{
  padding-top:30px !important;
}
.pb-10{
  padding-bottom:10px  !important;
}
.mb-60{
  padding-bottom: 60px !important;
}
.mt-50{
  margin-top:50px;
}
.mt-120{
  margin-top:120px;
}
.mx-30{
  margin:30px auto ;
}
.my-0{
  margin:auto 0 !important ;
}
.mx-50{
  margin: 50px auto;
}
.mx-10{
  margin: 10px 0px;
}
.mt-20{
margin-top: 20px;
}
.mt-0{
margin-top: 0px !important;
}
.mb-30{
margin-bottom: 30px;
}
.mb-50{
margin-bottom: 50px;
}
.mx-0{
  margin: 0px;
}
.referralsp{
  color: #0596e5;
}
/* Mrging Padding Adjusting End*/
.shopbg{
  position: relative;
}
/* Centered text */

.shopbg img{
  max-width: 100% !important;
  max-height: 100% !important;
  position: relative;
}
.shopbg-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #3e4e99b5;
  padding: 20px;
}

.shopbg-color-txt{
  color: #fff !important;
}
.section_top .flashToken--sale{

}
.shopandmine h1{

    font-size: 36px !important;
    padding: 25px 0px;
    font-weight: bold;
    color: #000;

}
.shopbg-txt h1 {
  font-size: 60px !important;
}
.shopandmine h2{
   font-size: 28px;
   font-weight: bold;
}

.shopandmine p{
  font-size: 15px;
  text-align: justify;
}
.shopandmine img{
  max-width: 150px;
  max-height: 150px;
}
.shopmineh2{
  width: 60%;
  margin: 0 auto;
}
.bg-white{
  background-color: #fff;
}
.mg-0{
  margin: 0px !important;
}

.benefits p{
  font-size: 20px;
}
.benefits-p-toptext{
    padding: 0px 195px;
    text-align: center !important;
}


.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
}



.gift-card-banner-box{
  position: relative;
}
.gift-card-txt{
  position: absolute;
  z-index: 2;
  top: 11%;
  font-size: 40px;
  padding: 40px 60px;
  width: 67%;
  text-shadow: black;
  line-height: 20px;
  font-weight: 700;
}
.ddcss {
    background-color: #8CD2FF;
    line-height: 25px;
    border-bottom: 1px solid #ccc;
    padding: 5px;
}

/* Style the buttons that are used to open and close the accordion panel */
button.accordion {
  background-color: #53C1B9;
  color: #fff;
  cursor: pointer;

  padding: 18px;
  /* font-weight: bold; */
  width: 100%;
  text-align: left;
  border: none;
  font-size: 15px;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
    background-color: #43afa7;
}

/* Style the accordion panel. Note: hidden by default */

div.panel_accordation {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #14766f;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.ccrbpay-faq{
  padding: 0px;
  margin: 0 0px 5px 0px;
  font-weight: bold;
}
.ccrbpay-faq-title{
  background-color: #53C1B9;
  padding: 15px;
  margin: 0px;
  color: #fff;
  /* border-bottom: 1px solid #37afa6;*/

}
.ccrbpay-choose{
   font-size: 20px;
    /* text-align: left; */
    font-weight: bold;
    padding: 42px 0px;
}
.carousel-control.left{
  background: none;
}
.carousel-control.right{
  background: none;
}

.ccrbp-sec p , .flair-alliance p , .riveria-global p , .care-group p{
  font-size: 14px;
  line-height: 25px;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;

    padding-left: 10px;
}
.col-xs-15{
    width: 20%;

}



/* CCRB Events */
.ccrb-events-title{
   color: #e2b523;
    font-weight: bold;
}
.event-box{
  padding: 30px;
background-color: rgba(226,173,0,0.1);
}
.ccrb-event-p{
  font-size: 15px;
line-height: 25px;
}
.ccrb-events-links{
  color: #e2b523;
  font-size: 15px;
}

/* CCRB Events  ends*/

h1.content-head, p, h2, .container-services .svcicon,.text-default {
  color: #333;

}

.glass p {
    font-size: 16px;
    line-height: 150%;
    min-height: 150px;
    text-align: justify;;
}
.glass h3{
text-transform:uppercase;
font-weight: bold;
text-transform: uppercase;
padding: 25px 0px;
}

.container-services{
  background-color: #fff;
}
.bg-glass h2 , h3{
    color: #fff;
}
.bg-glass {
    background-color: rgb(62, 78, 153) !important;
    padding: 40px 0px !important;
}
.flashToken--sale{
border: none !important;
}
.wrapper h3{
  color: #000 !important;
}

#ccrb-buymore .video-container iframe{
  height:93% !important;
}
.business-title{
  text-transform: uppercase;
 font-weight: bold;
}
.affiliate-box{
  position: relative;

}
.affiliate-box-txt{
  position: absolute;
  z-index: 2;
  top: 0;
}
.affiliate-box img {
    width: 100%;
}
.affiliate-box-txt h1{
    padding: 60px 100px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 34px;
    line-height: 50px;
}
.ab_header-bg{
  background-color: #745D12;
  padding: 0px;
  margin:0px;
}
.ab_header-bg h1{
  padding: 20px;
  margin:0px;
}
.blog-title h2{
font-family: 'Avenir', Georgia, "Times New Roman", serif;
}
.blog-content p{
  text-align: justify;
  font-size: 15px;
  line-height: 25px;
  padding: 5px 0px;
  font-family: 'Avenir', Georgia, "Times New Roman", serif;
}
.recent-post h3{
  color: #000;
}
 .recent-title p{
  font-size: 14px;
  line-height: 25px;
  text-align: justify;
}
.blog-title a {
  color: #626568;
  text-decoration: none;
}
.recent-title a{
  color: #3f8ddb;
  text-decoration: none;
}
.blog-content iframe{
  max-width: 100% !important;
}
.blog-featured-img img{
  max-width: 100% !important;
}
.blog-title-ref{
    position: absolute;
    top: 0%;
    background-color: #000;
    opacity: .7;

    color: #fff;
    width: 100%;
    height: 100%;
}
.blog-title-ref a{
  color: #fff !important;
}

#some-div:hover p{
  display: block;
}

.blog-title a:hover , .recent-title a:hover{
  color: #e2b523;
  text-decoration: none;
}

.shopandmine-category{
  background-color:#004a92;
  border-color:#004a92;
  color: #fff;
}
.shopandmine-category li{
  position: static;
}
.shopandmine-category .navbar-nav>li>a{
  color: #fff;
}
.shopandmine-category li div{
   width: 100%;
    padding: 20px;
    position: absolute;
    height: auto;
  }
.shopandmine-category .navbar-nav>.active>a{
background-color: #2e72b4;
color: #fff;
}
.shopandmine-category{
  margin-bottom: 0px !important;
}
.shopmine-promotion{
    background-color: #8cc152;
    padding: 15px;
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.shopandmine-category .navbar-nav>.open>a , .shopandmine-category .navbar-nav>.active>a:hover , .shopandmine-category .navbar-nav>li>a:hover{
background-color: #2e72b4 !important;
color: #fff;
}
.shopandmine-category .navbar-nav>.active>a:hover{
background-color: #2e72b4;
color: #fff;
}

#ccrb-buymore .fg-linkedin{
  color: #fff !important;
}

#ccrb-buymore .half {

    width: 100% !important;
}

#ccrb-buymore .justify-content-center {
    justify-content: center!important;
    margin-top: 0px;
    font-size: 12px;
}

.justify-content-center {
    justify-content: center!important;
    margin-top: 40px;
    font-size: 12px;
}
.fb-follow{
 position: absolute !important;
 top:200px!important;
}
.fb-like {
  margin-left: 6px !important;
}
.facebook-like iframe{
  width:100% !important;
}
.compaigns-box .item {
  width: 220px;
  margin: 10px;
  float: left;
}

.bg-countries-shop{
  background-color: #3d92cf !important;
  color: #fff;
  border: 1px solid #3d92cf;
}
.bg-facebook-1{
  background-color: #0000FF !important;
  color: #fff;
  border: 1px solid #0000FF;
}
.bg-facebook-2{
  background-color: #1E90FF !important;
  color: #fff;
  border: 1px solid #1E90FF;
}
.bg-facebook-3{
  background-color: #00BFFF !important;
  color: #fff;
  border: 1px solid #00BFFF;
}

.bg-facebook-4{
  background-color: #87CEFA !important;
  color: #fff;
  border: 1px solid #87CEFA;
}
.blog-refer{
  background-color: #55acee;
      padding: 25px 15px;
      margin-bottom: 15px;
      font-weight: normal;
      margin: 10px 0px;
}
.blog-refer p{
color: #fff;
}
.font-weight-bold{
  font-weight: bold;
  color: #274C07;
}
.blog-flash-token{
  margin-top: 97px;
  /* position: relative; */
  position: fixed;
  width: 100%;
  display: block;
  z-index: 1000;
}
.blog-flashtoken-content{
  margin-top: 215px;
}
.blog-flash-token .flashToken--sale{
  padding: 10px 0 !important;
}
.blog-flash-token .pd-token-sale-end{
      padding-top: 24px !important;
}
.blog-flash-token .pdt-18 {
    padding-top: 29px;
}
.blog-flash-token  .title{
  font-size: 25px !important;
}
 .blog-flash ul li:not(:last-child) {
    margin-right: 5px !important;
}
 .blog-flash .flashToken--cards-item{
 width: 40px !important;
}
.blog-flash-top .bg-glass{
  padding: 3px 0px !important;
}
 .blog-flash-token .get-free-btn-top {
    height: 40px !important;
    width: 200px;
    max-width: 100%;
    font-size: 90% !important;
}

/*----- Accordion -----*/
.accordion, .accordion * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.accordion {
	overflow:hidden;
	box-shadow:0px 1px 3px rgba(0,0,0,0.25);
	border-radius:3px;
  margin-top:20px;
	background:#f7f7f7;
}

/*----- Section Titles -----*/
.accordion-section-title {
	width:100%;
	padding:15px;
	display:inline-block;
  border-bottom: 1px solid #09799b;
  background: #00a0d1;
	transition:all linear 0.15s;
	/* Type */
	font-size:1.800em;
	text-shadow:0px 1px 0px #1a1a1a;
	color:#fff;
}
.btn-googleplus {
    color: #FFF;
    background-color: #dc4e41;
    border-color: #dc4e41;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.accordion-section-title.active, .accordion-section-title:hover {
	background:#0587af;
	/* Type */
	text-decoration:none;
}
#seehowitlikea{
    padding: 13px 40px;
    background-color: #1da1f2;
    text-align: center;
    color: #fff;
}
.seehowitlike{
margin-top: 33px;
}
.at-svc-facebook{
  padding: 4px 30px;
}
.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}
#atftbx p span{
  color: #fff !important;
}
.followusbg{
    background-color: #fff;
    padding-bottom: 25px;
}
.share-box-title ul{
  list-style: none;

}

.share-box-title ul li{
      border: 1px solid #ffc806;
      width: 23%;
      text-align: center;
      float: left;

        padding:15px 15px;
      margin-right: 10px;
      margin-bottom: 15px;
}

/*----- Section Content -----*/
.accordion-section-content {
	padding:15px;
	display:none;
}
.faq-manu{
  position: relative;
}
 .faq-manu ul{
    list-style: none;
    margin-top: 105px;
    padding: 0px;
    position: fixed;
 }

 .faq-manu ul li{

       background-color:#f48d29;
       padding: 15px 30px;
       border-bottom: 1px solid #e3770f;
       box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);

 }
 .cfff{
   color: #666;
 }
 .faq-manu ul li:hover{
    background-color: #c96708;
 }

 .faq-manu ul li a{
      color: #FFF;
      font-size:14px;
      text-decoration: none;
 }
 .faq-manu ul li a:hover{
      color: #FFF;
      font-size:14px;
      text-decoration: underline;
 }


 .slider-area {
  position: relative;
  height: 100px;
  margin: 20px 25px 35px 30px;
}
@media (min-width: 768px) {
  .slider-area {
    margin: 20px 126px 35px;
  }
}
.slider-area .ruler {
  position: absolute;
  bottom: -12px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 26px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.slider-area .ruler li {
  position: relative;
  bottom: 0;
  display: inline-block;
  width: 9%;
  height: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  box-shadow: inset -1px 0px 0 0 #d3d2d2;
}
.slider-area .ruler li:last-child {
  box-shadow: none;
}
.slider-area .slider-slider {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background-color: #d3d2d2;
}
.slider-area .slider-slider .ui-slider-handle {
  top: -8px;
  width: 24px;
  height: 24px;
  margin-left: -19px;
  border: 0;
  border-radius: 50%;
  outline: none;
  background: none;
  background-color: #1d7bcE;
}
.slider-area .slider-slider .slider-help {
  position: relative;
}
.slider-area .slider-slider .slider-help .breakdown {
  position: relative;
  width: 240px;
  min-height: 78px;
  margin: -105px auto 0;
  padding: 15px;
  text-align: center;
  border: 1px solid #d3d2d2;
  border-radius: 3px;
  background: #ffffff;
}
@media (max-width: 768px) {
  .slider-area .slider-slider .slider-help .breakdown {
    left: 0 !important;
  }
}
@media (min-width: 768px) {
  .slider-area .slider-slider .slider-help .breakdown {
    position: absolute;
    top: 0;
    left: 0;
    margin: -96px 0 0 -127px;
  }
}
.slider-area .slider-slider .slider-help .breakdown .content {
  position: relative;
}
.slider-area .slider-slider .slider-help .breakdown .content .left,
.slider-area .slider-slider .slider-help .breakdown .content .right {
  position: absolute;
  left: 0;
  width: 50%;
  text-align: center;
  color: #656263;
}
.slider-area .slider-slider .slider-help .breakdown .content .left span,
.slider-area .slider-slider .slider-help .breakdown .content .right span {
  font-size: 13px;
  margin-bottom: 4px;
}
.slider-area .slider-slider .slider-help .breakdown .content .left div,
.slider-area .slider-slider .slider-help .breakdown .content .right div {
  font-size: 20px;
  font-weight: 700;
}
.slider-area .slider-slider .slider-help .breakdown .content .right {
  right: 0;
  left: auto;
  padding-left: 2%;
  border-left: 1px solid #d3d2d2;
}
@media (min-width: 768px) {
  .slider-area .slider-slider .slider-help .breakdown:before {
    position: absolute;
    z-index: 11;
    top: 76px;
    left: 107px;
    width: 0;
    height: 0;
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px;
    content: '';
    border-top: 14px solid #ffffff;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
  }
  .slider-area .slider-slider .slider-help .breakdown:after {
    position: absolute;
    z-index: 10;
    top: 76px;
    left: 106px;
    width: 0;
    height: 0;
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px;
    content: '';
    border-top: 15px solid #d3d2d2;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
  }
}
.progressbar-shadow-top{
      padding: 70px 40px;
}
.progressbar-shadow .progress{
  margin-top: 20px;
  border-radius: 100px;
}
.tot-sign-up{
     padding-right: 30px;
      font-size: 15px;
      padding-top: 20px;
      text-align: center;
      font-weight: bold;

}

.progressbar-shadow{
  background-color: #00a0d1;
/* margin-top: 3px; */
border-radius: 40px;
-moz-box-shadow: inset 0 0 10px #000000;
-webkit-box-shadow: inset 0 0 10px #000000;
box-shadow: inset 0 0 10px #044255;
box-shadow: 1px solid red;
box-shadow: 0 8px 6px -6px black;
}
.proposition-hero.with-bottom-icon {
    background-image: url(/assets/referrel/img/image-header-hcg.jpg);
    background-position: center;
}
.proposition-hero h1, .proposition-hero h2,  .proposition-hero p {
    margin: 0 auto;
    text-align: center;
    color: #fff !important;
  }
  .refer-txt-padding{
  padding: 5px 10px;
  }
@media (min-width: 768px) {
    .refer .proposition-hero {
        background-image: url('/images/content/header-refer.jpg');
    }
}
.proposition-hero.with-bottom-icon .inner{
     padding-bottom: 0px !important;
      margin-bottom: 0px !important;
      color: #fff;

      text-align: center;
}
.proposition-hero.with-bottom-icon .inner h4{
 font-size: 20px;
padding-bottom: 0px !important;
}

.refer .background-icon-alt img {
    max-width: 100%;
}

@media (min-width: 768px) {
    .mobile-app-landing-page .proposition-hero {
        background-image: url('/assets/referrel/img/image-header-app.jpg');
    }
}

@media (min-width: 768px) {
    .toolbar-page .proposition-hero {
        background-image: url('/assets/referrel/img/image-header-toolbar.jpg');
    }
}
.progressbar-ccrb-dashboard{
padding: 30px 120px 0px 120px;
}
.limegreen {
    background-color: #50c450;
}
.limegreen-2 {
    background-color: #ffc700 !important;
}
.limegreen-3 {
    background-color: #e5b300 !important;
}
.limegreen-4 {
    background-color: #cc9f00 !important;
}
.limegreen-5 {
    background-color: #b28b00 !important;
}
.flashToken--sale{
  padding: 0px 0px !important;
}
/*  Mobile CSS   */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .blog-flash-token {
      margin-top: 48px !important;
    }
    .blog-flashtoken-content {
    margin-top: 240px !important;
}
.pd-token-sale-end {
    padding-top: 0px !important;
    padding-left: 0px !important;
}
.blog-flash-token .pdt-18 {
     padding-top: 0px !important;
}
.blog-flash-token .pd-token-sale-end {
   padding-top: 0px !important;
}
.footer-btn-buy{
      margin: auto 25% !important;
}
.justify-content-center {
    justify-content: center!important;
     margin-top: 0px;
    padding-bottom: 40px;
    font-size: 12px;
}
.faq-manu ul{
 position: static !important;
 margin-top: 10px !important;

padding-left: 10px !important;
}
.progressbar-ccrb-dashboard{
padding: 30px 10px 0px 10px;
}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .blog-flash .flashToken--cards-item {
      width: 30px !important;
  }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
.progressbar-ccrb-dashboard{
padding: 30px 10px 0px 10px;
}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.progressbar-ccrb-dashboard{
padding: 30px 10px 0px 10px;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.progressbar-ccrb-dashboard{
padding: 30px 10px 0px 10px;
}
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.progressbar-ccrb-dashboard{
padding: 30px 10px 0px 10px;
}
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.progressbar-ccrb-dashboard{
padding: 30px 10px 0px 10px;
}
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
  .faq-manu ul{
   position: static !important;
   margin-top: 10px !important;

  padding-left: 10px !important;
  }
  .progressbar-ccrb-dashboard{
  padding: 30px 10px 0px 10px;
  }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.progressbar-ccrb-dashboard{
padding: 30px 10px 0px 10px;
}
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.progressbar-ccrb-dashboard{
padding: 30px 10px 0px 10px;
}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.progressbar-ccrb-dashboard{
padding: 30px 10px 0px 10px;
}
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.progressbar-ccrb-dashboard{
padding: 30px 10px 0px 10px;
}
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.progressbar-ccrb-dashboard{
padding: 30px 10px 0px 10px;
}
}











@media only screen and (max-width: 410px){
form .form-group.has-feedback button.form-control-feedback {
    right: 143px !important;
}
.product-search-input{
  left: 45px !important;
}

.video-container1 iframe{
  width: 300px !important;
  padding: 30px;
}

.u-footer-logo{
  max-width: 150px;
}
.shopbg-color-txt{
  margin: 0px;
    padding: 0px !important;
}

}
@media (min-width: 576px) {

  .ab_header-content {
    width:100%;
  }
.shopbg-color-txt{
  margin: 0px;
    padding: 0px !important;
}
  .ab_header-content h1 {
    font-size: 20pt;
    color: #fff !important;
   line-height: 30px;
  }
  .ab_header-content p span , .ab_header-content p{
  color: #333 !important;
   line-height: 40px;
  }
  .row_limit_txt p{
    text-align: justify !important;
  }

  .gift-card-txt {
      position: absolute;
      z-index: 2;
      top: 35px;
      font-size: 40px;
      padding: 40px 30px;
      /* width: 67%; */
      text-shadow: black;
      line-height: 20px;
      font-weight: 700;
  }
  .gift-card-txt h1{
    font-size: 40px;
  }
  form .form-group.has-feedback button.form-control-feedback {

  }
  .video-container1 iframe{
/*    width: 300px !important;*/
    padding: 30px;
  }
  .u-footer-logo{
    max-width: 150px;
  }

  .py-0{
    padding: 0px !important;
  }
 }


@media (max-width: 768px){

  .ab_header-content {
    width:100% !important;
  }
  .ab_header-content h1 {
    font-size: 20pt;
    color: #fff !important;
       line-height: 40px;
  }
  .gift-card-txt {
      position: absolute;
      z-index: 2;
      top: -28px;
      font-size: 14px;
      padding: 40px 30px;
      /* width: 67%; */
      text-shadow: black;
      line-height: 20px;
      font-weight: 700;
  }
  .gift-card-txt h1{
    font-size: 14px;
  }
  .col-sm-15{
    /*  width: 20% !important;*/

  }
  #header .navbar-minimize-mobile.left {
      left: 0px;
      padding: 4px 0px;

  }
  .video-container1 iframe{
    width: 300px !important;
    padding: 10px;

  }
  .u-footer-logo{
    max-width: 150px;
  }
  .shopbg-txt h1 {
      font-size: 30px !important;
  }
  .shopbg-txt {
      position: absolute;
      top: 50%;
      padding: 0px 10px;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
  }
shopandmine h2 {
    font-size: 20px !important;
}
.shopmineh2 {
   width: 100%;
font-size: 15px !important;
  }
  .py-0 {
      padding: 10px 0px 0px 0px !important;
  }
  .pd-token-sale-end {
   padding-left: 0px;
   padding-top: 0px !important;
  }
  .section_top .flashToken--cards-item {
    padding-top: 3px;
    font-size: 22px;
    width: 17px;
  }
  .section_top h2 {
    font-size: 20px !important;
  }
  .flash-token{
    padding-top: 10px;
  }
  #header .navbar-header .navbar-brand .logo {
  float: none !important;
}
.benefits-p-toptext {
     padding: 0px 0px !important;
    text-align: center !important;
}
.affiliate-box-txt h1 {
   padding: 0px 0px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
}
.flash-token .pull-right {float:none !important;}

#ccrb-buymore .video-container iframe {
    height: 84% !important;
}

 }


@media (min-width: 992px) {
  .ab_header-content {
    width:100%;
    text-align: center;
  }
  .ab_header-content h1 {
    font-size: 40px;
    color: #fff !important;
    line-height: 60px;
  }
  .col-md-15{
      width: 20% !important;

  }


 }


@media (min-width: 1200px) {
  .col-lg-15{
      width: 20% !important;

  }

 }
@media (min-width: 768px){

  .col-sm-15 {
    width: 20% !important;
  }
}
.blog-flash-token-full-sale, .flash-token-full-sale {
    background-color: #176e79 !important;
}

.flash-token-full-sale {
  background-color: #176e79 !important;
}