/* lg */ 
@media (min-width: 1200px) {
	
	
	 .dropdown:hover .dropdown-menu {

      display: block;

      -webkit-animation: fadeInUp 400ms;

      animation: fadeInUp 400ms;

  }

	
	
}


/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	
	
	 .dropdown:hover .dropdown-menu {

      display: block;

      -webkit-animation: fadeInUp 400ms;

      animation: fadeInUp 400ms;

  }



  .navbar-nav > li {

    margin-left: 10px;

  }



  .navbar-collapse {

    padding-left: 0;

    padding-right: 0;

  }

		

}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	
	
	 .dropdown:hover .dropdown-menu {

      display: block;

      -webkit-animation: fadeInUp 400ms;

      animation: fadeInUp 400ms;

  }



  .navbar-collapse {

    padding-left: 0;

    padding-right: 0;

  }



  .navbar-nav > li {

    margin-left: 0;

  }

	

	
	
}
@media (min-width: 414px) and (max-width: 896px) {

}
/* xs */
@media (max-width: 767px) {
	
	
  
	
}


/* XS Portrait */
@media (max-width: 480px) {


}

@media (min-width: 375px) and (max-width: 667px){
  .logo-div {
    padding-left: 0%;
}
.text {
  color: white;
  font-size: 18px;
  padding: 14px 33px;
  font-family: 'Roboto', sans-serif;
}
.textp {
  color: white;
  font-size: 14px;
    font-family: 'Roboto', sans-serif;
    line-height: 17px;
    padding: 0 36px;
}


.massage-box{
  width: 100%;
}
.last-img{
  width: 280px;
}
.from-text {
  padding: 25px 40px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #004040;
}
.none{
  display: none;
}
.logo {
  margin: 0 10px;
  width: 90px;
 height:auto;
}
.center{
  text-align: center;
}
.text {
  color: black;
  font-size: 30px;
  font-family: 'Roboto', sans-serif;
 margin-left: 0;
 width: 90%;
}
.textp {
  color: #004040;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
  line-height: 30px;
 
  margin-left: 0%;
  width: 83%;
}
.logo-odd {
  display: flex;
  align-items: flex-start;
  margin-left: 12%;
width:70%;
}
.cdmo {
  width: 120px;
  margin: 0 10px;
}
.last-text-size {
  font-weight: 500;
  text-align: center;
  margin: 40px 0;
  color: black;
  margin-left: 0px;
}
	.section-next{
		    font-size: 25px;
    margin-top: 35px;

	}
	.menu-size{
		    float: none;
	}

}

@media (min-width: 820px) and (max-width: 1180px) {
  .massage-box {
    width: 170px;
    border-bottom: 1px dotted;
    background-color: #ecf8ff;
    float: left;
}
}
@media (min-width: 768px) and (max-width: 1024px){
  .massage-box {
    width: 170px;
    border-bottom: 1px dotted;
    background-color: #ecf8ff;
    float: left;
}
}