@media only screen and (min-width : 240px) and (max-width : 319px) {
  .wrapper{width:85%;}
  
   header{position: relative;}
  .logo{position: relative;width: 250px;margin: 0 auto 20px;float:none;}
  .top-social{float: none;text-align: center;width: 100%;padding: 0;margin: 20px 0 10px 0;}
  
  .welcome-wrapper{padding: 30px 0 60px 0;}
  .welcome-left{width: 100%;}
  .welcome-right{width: 100%;}
  
  .foot-cooming{width: 85%;background-size: 100% 100%;top: -40px;}
  .foot-cooming h2 {font-size: 1.7em;}
  .foot-cooming h2 span{display: block;font-size: 0.8em;}
  
  .footer{margin: 0;background: #21bcbe;}
  .footer-contact{width: 100%;}
  .footer ul li:first-child{width: 180px;}
  .footer ul li{float: none;margin: 0 auto 20px;width: 180px;}
  .footer ul li:last-child{margin: 0 auto 20px;}
  
  .wow{animation: none!important;}
}
@media only screen and (min-width : 320px) and (max-width : 480px) {
  .wrapper{width:85%;}
  
   header{position: relative;}
  .logo{position: relative;width: 250px;margin: 0 auto 20px;float:none;}
  .top-social{float: none;text-align: center;width: 100%;padding: 0;margin: 20px 0 10px 0;}
  
  .welcome-wrapper{padding: 30px 0 60px 0;}
  .welcome-left{width: 100%;}
  .welcome-right{width: 100%;}
  
  .foot-cooming{width: 85%;background-size: 100% 100%;top: -40px;}
  .foot-cooming h2 {font-size: 1.7em;}
  .foot-cooming h2 span{display: block;font-size: 0.8em;}
  
  .footer{margin: 0;background: #21bcbe;}
  .footer-contact{width: 100%;}
  .footer ul li:first-child{width: 180px;}
  .footer ul li{float: none;margin: 0 auto 20px;width: 180px;}
  .footer ul li:last-child{margin: 0 auto 20px;}
  
  .wow{animation: none!important;}
}
@media only screen and (min-width : 360px) and (max-width : 640px) {
  .wrapper{width:85%;}
  
   header{position: relative;}
  .logo{position: relative;width: 250px;margin: 0 auto 20px;float:none;}
  .top-social{float: none;text-align: center;width: 100%;padding: 0;margin: 20px 0 10px 0;}
  
  .welcome-wrapper{padding: 30px 0 60px 0;}
  .welcome-left{width: 100%;}
  .welcome-right{width: 100%;}
  
  .foot-cooming{width: 85%;background-size: 100% 100%;top: -40px;}
  .foot-cooming h2 {font-size: 1.7em;}
  .foot-cooming h2 span{display: block;font-size: 0.8em;}
  
  .footer{margin: 0;background: #21bcbe;}
  .footer-contact{width: 100%;}
  .footer ul li:first-child{width: 180px;}
  .footer ul li{float: none;margin: 0 auto 20px;width: 180px;}
  .footer ul li:last-child{margin: 0 auto 20px;}
  
  .wow{animation: none!important;}
}
@media only screen and (min-width : 414px) and (max-width : 767px) {
  .wrapper{width:85%;}
  
   header{position: relative;}
  .logo{position: relative;width: 250px;margin: 0 auto 20px;float:none;}
  .top-social{float: none;text-align: center;width: 100%;padding: 0;margin: 20px 0 10px 0;}
  
  .welcome-wrapper{padding: 30px 0 60px 0;}
  .welcome-left{width: 100%;}
  .welcome-right{width: 100%;}
  
  .foot-cooming{width: 85%;background-size: 100% 100%;top: -40px;}
  .foot-cooming h2 {font-size: 1.7em;}
  .foot-cooming h2 span{display: block;font-size: 0.8em;}
  
  .footer{margin: 0;background: #21bcbe;}
  .footer-contact{width: 100%;}
  .footer ul li:first-child{width: 180px;}
  .footer ul li{float: none;margin: 0 auto 20px;width: 180px;}
  .footer ul li:last-child{margin: 0 auto 20px;}
  
  .wow{animation: none!important;}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
   .wrapper{width:95%;}
   
   .foot-cooming{width: 514px;height: 63px;background-size: 100% 100%;top: -4px;}
   .foot-cooming h2{font-size: 2em;}
   .foot-cooming h2 span{font-size: 19px;top: -4px;}
   
   .footer-contact{width: 83%;}
   .footer ul li:first-child{width: 14%;}
   .footer ul li{width: 11%;font-size: 14px;margin-right: 5px;}
   
   .wow{animation: none!important;}
}
@media only screen and (min-width : 1024px) and (max-width : 1280px) {
   .footer ul li:first-child {width: 18%;}
   .footer ul li {width: 15%;}
}
@media only screen and (min-width : 1281px) and (max-width : 1432px) {
  

}