.clr{clear:both;margin:0;padding:0;}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
  }
/*
CC 2.0 License Iatek LLC 2018
Attribution required
*/
.carousel-inner img {
    width: 100%;
    height: 85%;
}
@media (max-width: 767px){
	.scrolimg {
		height: 85%  !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
  /* Show 4th slide on md  if col-md-4*/
   #carousel-example .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
   #carousel-example2 .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
   #carousel-example3 .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    #carousel-example5 .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
         position: absolute;
         top: 0;
         right: -33.3333%;  /*change this with javascript in the future*/
         z-index: -1;
         display: block;
         visibility: visible;
     }
    #carousel-daily .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
         position: absolute;
         top: 0;
         right: -33.3333%;  /*change this with javascript in the future*/
         z-index: -1;
         display: block;
         visibility: visible;
     }
}

@media (min-width: 576px) and (max-width: 768px) {
  /* Show 3rd slide on sm  if col-sm-6*/
   #carousel-example .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
   #carousel-example2 .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    #carousel-example3 .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
         position: absolute;
         top: 0;
         right: -50%;  /*change this with javascript in the future*/
         z-index: -1;
         display: block;
         visibility: visible;
     }
   #carousel-example5 .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
     #carousel-daily .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
      position: absolute;
      top: 0;
      right: -50%;  /*change this with javascript in the future*/
      z-index: -1;
      display: block;
      visibility: visible;
  }


}
@media (min-width: 576px) { 
	
      #lsitinner1 .carousel-item {
        margin-right: 0;
    }
      #lsitinner2 .carousel-item {
        margin-right: 0;
    }
      #lsitinner3 .carousel-item {
        margin-right: 0;
    }
      #dailylsitinner1 .carousel-item {
        margin-right: 0;
      }
    

    /* show 2 items */
    #carousel-example  .carousel-inner .active + .carousel-item {
        display: block;
    }
    #carousel-example2  .carousel-inner .active + .carousel-item {
        display: block;
    }
    #carousel-example3  .carousel-inner .active + .carousel-item {
        display: block;
    }
    #carousel-example5  .carousel-inner .active + .carousel-item {
        display: block;
    }
    #carousel-daily  .carousel-inner .active + .carousel-item {
        display: block;
    }
    
   #carousel-example .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
   #carousel-example2 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
   #carousel-example3 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    #carousel-example5 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
     .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
         transition: none;
     }
    #carousel-daily .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
     .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
         transition: none;
     }


    #carousel-example  .carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    #carousel-example2  .carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    #carousel-example3  .carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    #carousel-example4  .carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    #carousel-daily  .carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    /* left or forward direction */
     #carousel-example   .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    } 
     #carousel-example2   .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    } 
     #carousel-example3   .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    } 
    #carousel-example5   .active.carousel-item-left + .carousel-item-next.carousel-item-left,
   .carousel-item-next.carousel-item-left + .carousel-item,
   .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
       position: relative;
       transform: translate3d(-100%, 0, 0);
       visibility: visible;
   } 
    #carousel-daily   .active.carousel-item-left + .carousel-item-next.carousel-item-left,
   .carousel-item-next.carousel-item-left + .carousel-item,
   .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
       position: relative;
       transform: translate3d(-100%, 0, 0);
       visibility: visible;
   } 
    
    /* farthest right hidden item must be abso position for animations */
   #carousel-example .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
   #carousel-example2 .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
   #carousel-example3 .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    #carousel-example5 .carousel-inner .carousel-item-prev.carousel-item-right {
         position: absolute;
         top: 0;
         left: 0;
         z-index: -1;
         display: block;
         visibility: visible;
     }
    #carousel-daily .carousel-inner .carousel-item-prev.carousel-item-right {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      display: block;
      visibility: visible;
  }
    /* right or prev direction */
     #carousel-example .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
     #carousel-example2 .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
    #carousel-example3 .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
   .carousel-item-prev.carousel-item-right + .carousel-item,
   .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
       position: relative;
       transform: translate3d(100%, 0, 0);
       visibility: visible;
       display: block;
       visibility: visible;
   }
     #carousel-example5 .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
    #carousel-daily .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
   .carousel-item-prev.carousel-item-right + .carousel-item,
   .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
       position: relative;
       transform: translate3d(100%, 0, 0);
       visibility: visible;
       display: block;
       visibility: visible;
   }

}


/*MD*/
@media (min-width: 768px) {
	.scrolimg {
		height: 80%  !important;
	}
    /* show 3rd of 3 item slide */
  #carousel-example  .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
  #carousel-example2  .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
  #carousel-example3  .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    } 
    #carousel-example5  .carousel-inner .active + .carousel-item + .carousel-item {
          display: block;
      } 
 #carousel-daily  .carousel-inner .active + .carousel-item + .carousel-item {
      display: block;
  }
 
   #carousel-example .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
   #carousel-example2 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
   #carousel-example3 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    #carousel-example5 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
         transition: none;
     }
    #carousel-daily .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
         transition: none;
     }
  
    
    #carousel-example .carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    #carousel-example2 .carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    #carousel-example3 .carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    #carousel-example5 .carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    #carousel-daily .carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    
    /* left or forward direction */
      #carousel-example  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
      #carousel-example2  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
      #carousel-example3  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    #carousel-example5  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
  }
    #carousel-daily  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
  }
    
    /* right or prev direction */
       #carousel-example .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
       #carousel-example2 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
       #carousel-example3 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
    #carousel-example5 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
     position: relative;
     transform: translate3d(100%, 0, 0);
     visibility: visible;
     display: block;
     visibility: visible;
 }
    #carousel-daily .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
     position: relative;
     transform: translate3d(100%, 0, 0);
     visibility: visible;
     display: block;
     visibility: visible;
 }

}

/*LG */
@media (min-width: 991px) {

    /* show 4th item */
    #carousel-example  .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    #carousel-example2  .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    #carousel-example3  .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    #carousel-example5  .carousel-inner .active + .carousel-item + .carousel-item  + .carousel-item + .carousel-item {
        display: block;
    }
    #carousel-daily  .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    
    #carousel-example  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    #carousel-example2  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    #carousel-example3  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    #carousel-example5  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      transition: none;
  }
  
    #carousel-daily  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
      transition: none;
  }
    /* Show 5th slide on lg if col-lg-3 */
   #carousel-example .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
   #carousel-example2 .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
   #carousel-example3 .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    #carousel-example5 .carousel-inner .active.col-20.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item  {
         position: absolute;
         top: 0;
         right: -25%;  /*change this with javascript in the future*/
         z-index: -1;
         display: block;
         visibility: visible;
     }
    #carousel-daily .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
         position: absolute;
         top: 0;
         right: -25%;  /*change this with javascript in the future*/
         z-index: -1;
         display: block;
         visibility: visible;
     }
    
    
    /* left or forward direction */
      #carousel-example  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
      #carousel-example2  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
      #carousel-example3  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    #carousel-example5  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
  }
    #carousel-daily  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
  }
    
    /* right or prev direction //t - previous slide direction last item animation fix */
      #carousel-example  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
      #carousel-example2  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
      #carousel-example3  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
    #carousel-example5  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(100%, 0, 0);
      visibility: visible;
      display: block;
      visibility: visible;
  }
    #carousel-daily  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(100%, 0, 0);
      visibility: visible;
      display: block;
      visibility: visible;
  }

}

/* ALL */
@media (min-width: 768px) {

    /* show 4th item */
    #carousel-example2  .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    
    #carousel-example2  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    /* Show 5th slide on lg if col-lg-3 */
   #carousel-example2 .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    
    /* left or forward direction */
      #carousel-example2  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* right or prev direction //t - previous slide direction last item animation fix */
      #carousel-example2  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}


/* SARWAN ADDED START */
.btn-bg-backtolist {
		background: #253544 !important;
		text-align: center;
		font-weight: 400;
		color: white;
		margin-bottom: 5px;
		border-radius: 2px;
		font-size: 1rem;
		width: 100%;
		padding: 8px;
		display: inline-block;
}
@media (max-width:875px) {
	.btn-bg-backtolist {
			background: #253544 !important;
			text-align: center;
			font-weight: 400;
			color: white;
			margin-bottom: 4px;
			border-radius: 2px;
			font-size: 1rem;
			width: 100%;
			padding: 8px;
			display: inline-block;
	}
}

/* effect-5 styles */
.effect {
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none !important;
  color: #fff none !important;
  text-transform: capitalize;
  overflow: hidden;
}
.effect.effect-5 {
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
    margin: 9px 0px !important;
    width: 100%;
}
.effect.effect-5:before {
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0px;
  height: 100%;
  width: 30px;
  background-color: rgba(255, 255, 255);
  border-radius: 0 50% 50% 0;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.effect.effect-5:hover {
  text-indent: 30px;
}
.effect.effect-5:hover:before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  text-indent: 0;
}

.img-hover-zoom {
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

.img-hover-zoom img {
  transition: transform 1.5s ease;
}

.img-hover-zoom:hover img {
  transform: scale(1.15);
}
@media (min-width: 900px){
.modal-dialog {
    max-width: 680px !important;
    margin: 1.75rem auto;
}
}


.bg-clr-white {
    background-color: #ffffff !important;
}
.snip1217 {
    font-family: 'Raleway', Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    color: #263543;
	    font-weight: bold;
	}
.snip1217 li {
    display: inline;
    list-style: outside none none;
    margin: 0.5em 1.1em;
    padding: 0;
}
.snip1217 a {
  padding: 0.3em 0;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  text-decoration: none;
  display: inline;
  color: #263543 !important;
}
.snip1217 .current a {
  color: #263543 !important;
}
.snip1217 a:hover,
.snip1217 .current a {
  color: #263543 !important;
}
.snip1217 a:hover:before,
.snip1217 .current a:before,
.snip1217 a:hover:after,
.snip1217 .current a:after {
  width: 100%;
    color: #263543;

}
.home-header-coro{
    font-family: raleway;
    text-align: center;
    font-size: 22px;
    color: black;
    font-weight: 700;
    margin-top: 15px;
}
.content-para-coro{
	margin-bottom: 1.5px;
    font-size: 18px;
    color: black;
}
.dothisapp-1{
   margin-top: 25px;  
}
.dothisapp{
    margin-top: 25px;
}
.doitapps{
	font-family: raleway;
	text-align: center;	
    font-weight: 700;
    font-size: 21px;
    padding-top: 10px;
}
.doitapps-1{
 font-size: 12px;
 text-align: center;
  padding: 10px;
}
.qr{
    width: 30%;
}
.qrbackcolor{
    background-color: #B9C9DB;
    padding: 10px;
}

.qrhome .qrhome-text p{
	margin:0;
	overflow: hidden;
}
.qrhome .qrhome-text p span{
    font-size: 20px;
    color:#ff2c45;
    font-weight: 500;
    display: none;
}

.qrhome .qrhome-text p span.qrtext-in{
	display: block;
	animation: textIn .2s ease;
}
.qrhome .qrhome-text p span.qrtext-out{
	animation: textOut .3s ease;
}
.hover-rotate {
  overflow: hidden;
  margin: 8px;
  min-width: 240px;
  max-width: 320px;
  width: 100%;
}

.hover-rotate img {
  transition: all 0.3s;
  box-sizing: border-box;
  max-width: 100%;
}

.hover-rotate:hover img {
  transform: scale(1.3) rotate(5deg);
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
@media (min-width: 1200px){
.selocations {
    height: 45px;
    font-size: 17px;
    padding-left: 5px;
    width: 70%;
}
.scrolimg {
    height: 85%  !important;
}
}

.newchilds2 {
    background-color: #263543;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    padding-top: 10px;
	}
.imp-bor{
/*    border: 1px solid #919191;*/
     box-shadow: 1px 1px 5px 0px #919191;
}
	.home-cont1 .btntp-lg {
	  position: absolute;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  background-color: white;
	  color: #263543;
	  font-size: 13px;
	  padding: 8px 16px;
	  border: 1px solid #263543;
	  cursor: pointer;
	  border-radius: 5px;
		text-decoration: none;
	  text-align: center;
		display: inline-block;
		transition-duration: 0.4s;
	}
	.home-cont1 .btntp-lg:hover {
		background-color: #263543;
		color: white;
		border: 1px solid #263543;
	}
	.home-cont1 .btntp-lg1 {
	  top: 75%;
	}
	.home-cont1 .btntp-lg2 {
	  top: 85%;
	}

@media (min-width:1300px) and (max-width:1599px){
	.home-cont1 .btntp-lg {
	  font-size: 13px;
	  padding: 6px 13px;
	  border: 1px solid #263543;
	}
}
@media (min-width:1000px) and (max-width:1299px){
	.home-cont1 .btntp-lg {
	  font-size: 12px;
	  padding: 5px 13px;
	  border: 1px solid #263543;
	}
}

@media (min-width:770px) and (max-width:999px){
	.home-cont1 .btntp-lg {
	  font-size: 12px;
	  padding: 2px 10px;
	  border: 1px solid #263543;
	}

}

@media (max-width:769px) {
	.home-cont1 .btntp-lg {
	  font-size: 11px;
	  padding: 2px 8px;
	  border: 1px solid #263543;
	}
		.home-header-coro{
			font-family: raleway;
			text-align: center;
			font-size: 14px;
			color: black;
			font-weight: 700;
			margin-top: 15px;
		}
		.content-para-coro{
			margin-bottom: 1.5px;
			font-size: 12px;
			color: black;
		}
		.qrhome .qrhome-text p span{
			font-size: 14px;
		}
	.home-cont1 .btntp-lg1 {
	  top: 75%;
	}
	.home-cont1 .btntp-lg2 {
	  top: 90%;
	}
}


#vidrow .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
#vidrow .row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
a {
    color: #212529 !important;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
}
/* SARWAN ADDED END */
	.bnrlvtitle {
		text-align: center;
		bottom: 200px;
		color: #FFF!important;
	}

@media (min-width: 1600px) {
  /* Show 4th slide on md  if col-md-4*/
	.bnrlvtitle {
		text-align: center;
		bottom: 200px;
		color: #FFF!important;
	}
}


@media (min-width: 1080px) and (max-width: 1599px) {
  /* Show 4th slide on md  if col-md-4*/
	.bnrlvtitle {
		text-align: center;
		bottom: 140px;
		color: #FFF!important;
	}
}

@media (min-width: 800px) and (max-width: 1079px) {
  /* Show 4th slide on md  if col-md-4*/
	.bnrlvtitle {
		text-align: center;
		bottom: 100px;
		color: #FFF!important;
	}
}

@media (min-width: 550px) and (max-width: 799px) {
  /* Show 4th slide on md  if col-md-4*/
	.bnrlvtitle {
		text-align: center;
		bottom: 80px;
		color: #FFF!important;
	}
	.doitapps {
		font-family: raleway;
		text-align: center;
		font-weight: 700;
		font-size: 18px;
		padding-top: 10px;
	}
}
@media (min-width: 400px) and (max-width: 549px) {
  /* Show 4th slide on md  if col-md-4*/
	.bnrlvtitle {
		text-align: center;
		bottom: 60px;
		color: #FFF!important;
	}
	.doitapps {
		font-family: raleway;
		text-align: center;
		font-weight: 700;
		font-size: 12px;
		padding-top: 10px;
	}
}
.landpage{
    position: absolute;
}
.btn-1{
    position: relative;
    white-space: nowrap;
}
.btn-2{
    position: relative;
    white-space: nowrap;
}
.dowhat{
    position: relative;
    color: white;
    white-space: nowrap;
	text-align:center;
}
.btnQb{
    background-color: white;
    color: #263543;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    cursor: pointer;
    transition-duration: 0.4s;
}
.btn-lg{
    color: #263543;
    background-color: white;
  
}
.btn-lg:hover {
    background-color: #263543;
    color: white;
    border: 1px solid #263543;
}
.myth{
    padding-left: 20px;
}
.myths{
     padding-left: 15px;
}

@media(max-width: 320px){
    .dowhat{
        font-size: 8px;
        padding-top: 25%;  
        margin-bottom: 0.2rem !important;      
    }
}
@media(min-width: 321px){
     .dowhat{
        font-size: 8px;
        padding-top: 15%;
        margin-bottom: 0.2rem !important;
    }
}
@media(min-width: 350px){
     .dowhat{
        font-size: 8px;
        padding-top: 12%;
        margin-bottom: 0.2rem !important;
    }
}
@media(min-width: 321px) and (max-width: 379px){
     .dowhat{
        font-size: 9px;
        padding-top: 24%;
        margin-bottom: 0.2rem !important;
    }
}
@media(min-width: 380px) and (max-width: 429px){
     .dowhat{
        font-size: 9px;
        padding-top: 24%;
        margin-bottom: 0.2rem !important;
    }
}
@media(min-width: 430px){
    .dowhat{
        font-size: 12px;
        padding-top: 24%;
        margin-bottom: 0.2rem !important;
    }
}
@media(min-width: 460px){
    .dowhat{
        font-size: 12px;
        padding-top: 24%;
        margin-bottom: 0.2rem !important;
    }
}
@media(min-width: 576px) and (max-width: 675px){
	.dowhat{
        font-size: 12px;
        padding-top: 24%;
        margin-bottom: 0.2rem !important;
    }   
}
@media(min-width: 676px) and (max-width: 736px){
 .dowhat{
        font-size: 12px;
        padding-top: 25%;
        margin-bottom: 0.2rem !important;
    }
}
@media(min-width: 737px) and (max-width: 768px){
    .dowhat{
        font-size: 13px;
        padding-top: 25%;
        margin-bottom: 0.2rem !important;
    }
}
@media(min-width: 769px){
     .dowhat{
        font-size: 15px;
        padding-top: 25%;
        margin-bottom: 0.75rem !important;
        
    }  
}
@media(min-width: 1030px){
     .dowhat{
        font-size: 17px;
        padding-top: 24%;
        margin-bottom: 0.95rem !important;
    }
}

.selocations{
 width:100%;
}


#fadebody {
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
}
.snip1217 * {
  box-sizing: border-box;
  transition: all 0.35s ease;
}
@media(min-width: 768px){
    .main-logo{
        width: 10% !important;
        padding-right: 10px !important;
    }
	.nav-txt {
		font-size: 85%;
		white-space: nowrap;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 0.2rem;
		padding-left: 0.2rem;
	}
}


@media (min-width: 1000px) and (max-width: 1099px){
	.cont {
	  margin-top: 12%;
	}
}

 @media (min-width: 1100px){
.cont {
  margin-top: 1%;
}
}
.main-body{
  min-height: 600px;
}

.rounded-circle{
  clip-path: circle();
}


@media(min-width: 200px) and (max-width: 991px){
  .mt-top{
      margin-top: 2% !important;
  }
}
.bg-sd{
  background-color: #CBCBCB !important;
}
.btn-bg{
   background-color: #263543 !important; 
   border-color: #006AB5 !important; 
   border: #006AB5 !important; 
   color: #FFF;
}
.fon-siz{
  font-size: 14px;
}
.fon-sizlow{
  font-size: 13px;
}
.shadrow{
 /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.4);*/
  border-radius: 20px 0px 0 20px;

}
.dailyborder{
  border-bottom: 1px solid #CBCBCB;
  border-top: 1px solid #CBCBCB;
}



.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
        .MultiCarousel .MultiCarousel-inner .item { float: left;}
        .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
    .MultiCarousel .leftLst { left:0; }
    .MultiCarousel .rightLst { right:0; }
    
        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }