@media Screen and (max-width:1200px){
    .navbar-light .navbar-nav .nav-link {
    padding: 12px 8px 12px 8px;
    font-size: 16px;
  }
  .home-con {
    margin-right: 15px;
  }
  .flag-con{
    background-size: 40%;
    padding: 40px 0px;
  }
  
}

@media Screen and (max-width: 991px){
	.main-header{
		padding: 10px 0px;
	}
	.navbar-nav{
		background-color: rgba(255,255,255,.95);
		border-radius: 5px;
		-webkit-box-shadow: 0px 0px 21px 0px rgba(43,189,183,0.4);
        -moz-box-shadow: 0px 0px 21px 0px rgba(43,189,183,0.4);
        box-shadow: 0px 0px 21px 0px rgba(43,189,183,0.4);
	}
	.navbar-light .navbar-nav .nav-link:hover{
		background-color: #ED4D4D;
		color: #fff;
	}
	.navbar-light .navbar-nav .nav-link{
		padding: 5px 9px;
	}
	.home-con {
    height: auto;
    }
    .home-banner:before{
  	  height: 110%;
    }
    .home-con h1 {
      font-size: 42px;
    }
    .home-con p {
    font-size: 23px;
    line-height: 18px;
  }
  .home-cap>div{
  	padding-left: 50px;
  }
  .main-header.fixed-nav{
  	padding: 5px 0px;
  }
  .main-header.fixed-nav .navbar-light .navbar-brand{
  	width: 120px;
  	transition: .3s ease;
  	-webkit-transition: .3s ease;
  	-moz-transition: .3s ease;
  	-ms-transition: .3s ease;
  }

  .medical-tip{
    padding:0 !important;
  }
  .grow-con:before {
    height: 110%;
    top:initial;
    bottom: 0;
  }
  .main-road h3 {
    font-size: 18px;
  }
  .pro-list li{
    width: 40%;
  }
  .nav-item.medical .fa{
    color: rgba(0,0,0,.9) !important;
    position: absolute;
    right: 7px;
    top: 6px;
    padding: 5px;
  }
  .nav-item.medical>a {
    padding: 5px 24px 5px 10px !important;
  }
  .nav-item .medical-inner{
    text-align: left;
    padding-left: 7px;
    top: 35px;
    height: 0px !important;
  }
  .nav-item .medical-inner.expanded{
  height: auto !important;
  }
  .ctoa a {
    font-size: 14px;
  }
  .ctoa li{
    position: absolute;
    left: 0;
  }
  
 


}    

@media Screen and (max-width: 767px){
	.home-cap>div {
    padding-left: 50px;
    text-align: right;
   }
   .home-cap {
    min-width: 240px;
   }
   .home-con h1 {
    font-size: 30px;
  }
  .home-con p {
    font-size: 17px;
  }

  .grow-con:before{
    display: none;
  }
  .grow-con{
    /*background-position: center top;
    background-size: cover;*/
    background-image: none;
    padding: 30px 0px;
  }
  .grow-inner p{
    padding-right: 0px;
  }
  .medical-tip{
    background: #ed4d4d;
background: -moz-linear-gradient(left, #ed4d4d 0%, #f27b7b 100%, #ffffff 100%, #f27b7b 101%);
background: -webkit-linear-gradient(left, #ed4d4d 0%,#f27b7b 100%,#ffffff 100%,#f27b7b 101%);
background: linear-gradient(to right, #ed4d4d 0%,#f27b7b 100%,#ffffff 100%,#f27b7b 101%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed4d4d', endColorstr='#f27b7b',GradientType=1 );
  }
  .medical-tip {
    padding: 20px 15px 15px !important;
    border-radius: 7px;
  }
  h3{
    margin-bottom: 8px;
    font-size: 28px;
  }
  .grow-inner {
    height: auto;
  }
  .flag-box ul li{
    width: 25%;
  }
  .flag-box>ul{
    justify-content: center !important;
    -webkit-justify-content: center !important;
    -moz-justify-content: center !important;
    -ms-justify-content: center !important;
  }
  .flag-con h2 {
    font-size: 28px;
  }
  .flag-box {
    margin-top: 15px;
  }
  .feature-inner h4 {
    font-size: 18px;
  }
  .mti-flag .flag-box ul li{
    margin-bottom: 0px;
    padding: 15px 0px 10px 0px;
        width: 21% !important;
  }
  .flag-box p {
    font-size: 14px;
    line-height: 14px;
  }
  .why-cafe{
    text-align: center;
  }
  .bulb-img{
    max-width: 100px;
    margin-bottom: 15px;
  }

  .inner-banner .home-con h1 {
    font-size: 30px;
  }
  .inner-banner .home-con p {
    font-size: 17px;
  }
  .inner-banner .home-con {
    height: auto;
  }
  .inner-banner .home-inner {
    padding-top: 100px;
    padding-left: 21px;
  }
  .inner-banner {
    height: auto;
  }
  .main-road{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .main-road .arrow{
    display: none;
  }
  .main-road>div{
    width: 100%;
    padding: 15px !important;
    background-color: rgba(248,248,248,1);
    margin-bottom: 15px
  }
  .main-road .road-left h3 {
    text-align: center;
    display: block;
  }
  .main-road .road-right{
    order:1;
    -webkit-order:1;
    -moz-order:1;
    -ms-order:1;
  }
  .main-road .road-left{
    order:2;
    -webkit-order:2;
    -moz-order:2;
    -ms-order:2;
  }
  .main-road.pic-left .road-right{
    order:2;
    -webkit-order:2;
    -moz-order:2;
    -ms-order:2;
  }
  .main-road.pic-left .road-left{
    order:1;
    -webkit-order:1;
    -moz-order:1;
    -ms-order:1;
  }
  .main-road img{
    max-width: 64px;
  }
  .about-inner h2 {
    font-size: 26px;
  }
  .about-inner h2 {
    font-size: 20px;
  }
  .about-inner> h2 {
    font-size: 26px;
  }
  .col-form{
    order:2;
    -webkit-order:2;
    -moz-order:2;
    -ms-order:2;
  }
  .col-info{
    order:1;
    -webkit-order:1;
    -moz-order:1;
    -ms-order:1;
  }
  .about-inner .accord-con h2 {
    font-size: 14px;
    line-height: 22px;
  }

  .main-road h3 {
    font-size: 16px;
    display: block;
    padding: 10px;
    text-align: center;
}
   

}




@media Screen and (max-width: 575px){
	.home-cap {
    min-width: 200px;
   }
   .home-cap>div{
   	padding-left: 0px;
    margin-top: 22px;
   }
   .home-con h1 {
    font-size: 26px;
   }
   .home-con p {
    font-size: 16px;
   }
   h3 {
    font-size: 22px;
  }
  .flag-box ul li {
    width: 39% !important;
  }
  .flag-con p {
    font-size: 16px;
  }
  .feature-inner h4 {
    font-size: 15px;
  }
  .feature-box {
    margin: 20px 0px;
  }
  h2 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .business-main-box {
    margin-top: 25px;
  }
  .main-footer {
    padding: 30px 0px 20px;
  }

  .about-inner {
    padding: 40px 0px 30px;
  }
  .advant-inner h4 {
    font-size: 20px;
    line-height: 28px;
  }

  .flag-inner h4 a {
    font-size: 16px;
  }
  .carer__lft{
    margin-bottom: 30px;
  }
  

}

@media Screen and (max-width: 480px){
	.navbar-light .navbar-brand {
    width: 115px;
  }
  .main-header.fixed-nav .navbar-light .navbar-brand{
  	width: 85px;
  }
  .home-cap {
    min-width: 155px;
  }
  .home-con h1 {
    font-size: 22px;
  }
  .home-con p {
    font-size: 14px;
  }
  .inner-banner .home-con h1 {
    font-size: 22px;
  }
  .inner-banner .home-con p {
    font-size: 14px;
  }
  .inner-banner .home-inner {
    padding-left: 0;
  }
  .about-inner-box h3 {
    font-size: 22px;
  }
  .pro-list li {
    width: 100%;
    margin: 0px 0px 30px 0px;
  }
}