@media (min-width: 1400px) and (max-width: 2400px) {





}




@media (min-width: 1200px) and (max-width: 1400px) {




}





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


.navbar-toggler {
  background: #1663d5;
}

}




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


.navbar-toggler {
  background: #1663d5;
}


  .section {
  display: none;
}


.container-1 {
  display: none !important;
}

.navbar-brand {
  width: 70%;
  overflow: hidden;
}

.navbar-brand img{
  width: 100%;
  overflow: hidden;
}


.carousel-caption.text-start.text-slider {
  top: 0% !important;
}

#myCarousel {
  height: 225px;
  overflow: hidden;
}


.text-slider h1 {
  font-size: 18px !important;
  font-weight: normal;
}

.text-slider h1 span {
  font-size: 18px !important;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}

.carousel-caption p {
  margin-bottom: 1.25rem;
  font-size: 8px !important;
  color: #00e7ff !important;
  line-height: 1.4;
}

a.btn.btn-lg.btn-primary {
  background: #ffa500 !important;
  padding: 5px 10px !important;
  border: solid 1px #ffa500 !important;
  font-size: 14px;
}

.col-lg-6.col-md-6.col-sm-12.col-xs-12.event-venew.float-left {
  width: 100%;
}

.col-lg-6.col-md-6.col-sm-12.col-xs-12.event-time.float-left {
  width: 100%;
}


.lead.semi-topic {
  font-size: 13px !important;
}



.featurette {
  padding-top: 0px;
}

.col-md-5.order-md-1 img {
  overflow: hidden;
  width: 99%;
}


.col-md-5.order-md-1 {
  margin-top: 30px;
}


#services {
  margin-top: 50px;
  width: 100%;
  overflow: hidden;
  padding-top: 50px;
  background: #1663d5;
}

.col-md-6.col-sm-12.flat-left {
  width: 100%;
}


.col-sm-12.col-md-6.col-xs-12.col-lg-6.products-pic {
  overflow: hidden;
}


.col-sm-12.col-md-6.col-xs-12.col-lg-6.products-pic img {
  overflow: hidden;
  width: 100%;
}

.col-sm-12.col-md-6.col-xs-12.col-lg-6.products-pic {
  margin-bottom: 20px;
}


.service-box {
  margin-left: -12px;
}


.timeline-item {
  font-size: 11px;
}

.timeline {
  padding-left: 18px;
}

.timeline {
  width: 62%;
}

.timeline {
  margin: 0 auto;
    margin-top: 0px;
    margin-left: auto;
  position: relative;
  left: 85px;
 
  max-width: 900px;
  margin-top: 16px;
  margin-left: 5%;
}


.navbar-toggler-icon {
  color: #000 !important;
  background: #00a9e6;
}


.navbar-toggler {
  border: solid 1px #4099ff;
}


}







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

  .section {
  display: none;
}


.container-1 {
  display: none !important;
}

.navbar-brand {
  width: 70%;
  overflow: hidden;
}

.navbar-brand img{
  width: 100%;
  overflow: hidden;
}


.carousel-caption.text-start.text-slider {
  top: 0% !important;
}

#myCarousel {
  height: 225px;
  overflow: hidden;
}


.text-slider h1 {
  font-size: 18px !important;
  font-weight: normal;
}

.text-slider h1 span {
  font-size: 18px !important;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}

.carousel-caption p {
  margin-bottom: 1.25rem;
  font-size: 8px !important;
  color: #00e7ff !important;
  line-height: 1.4;
}

a.btn.btn-lg.btn-primary {
  background: #ffa500 !important;
  padding: 5px 10px !important;
  border: solid 1px #ffa500 !important;
  font-size: 14px;
}

.col-lg-6.col-md-6.col-sm-12.col-xs-12.event-venew.float-left {
  width: 100%;
}

.col-lg-6.col-md-6.col-sm-12.col-xs-12.event-time.float-left {
  width: 100%;
}


.lead.semi-topic {
  font-size: 13px !important;
}



.featurette {
  padding-top: 0px;
}

.col-md-5.order-md-1 img {
  overflow: hidden;
  width: 99%;
}


.col-md-5.order-md-1 {
  margin-top: 30px;
}


#services {
  margin-top: 50px;
  width: 100%;
  overflow: hidden;
  padding-top: 50px;
  background: #1663d5;
}

.col-md-6.col-sm-12.flat-left {
  width: 100%;
}


.col-sm-12.col-md-6.col-xs-12.col-lg-6.products-pic {
  overflow: hidden;
}


.col-sm-12.col-md-6.col-xs-12.col-lg-6.products-pic img {
  overflow: hidden;
  width: 100%;
}

.col-sm-12.col-md-6.col-xs-12.col-lg-6.products-pic {
  margin-bottom: 20px;
}


.service-box {
  margin-left: -12px;
}


.timeline-item {
  font-size: 11px;
}

.timeline {
  padding-left: 18px;
}

.timeline {
  width: 62%;
}

.timeline {
  margin: 0 auto;
    margin-top: 0px;
    margin-left: auto;
  position: relative;
  left: 85px;
 
  max-width: 900px;
  margin-top: 16px;
  margin-left: 5%;
}


.navbar-toggler-icon {
  color: #000 !important;
  background: #00a9e6;
}


.navbar-toggler {
  border: solid 1px #4099ff;
}

}