/*mobile styles*/


@media (min-width: 0px) and (max-width: 767px) {
  
#Header {
    padding: 16px 0;
  }
  
#Header .logo a img {
    width: 60px;
  }
  
#Header .menu-wrap {
    padding-top: 3px;
  }
  

#Gain .each-icon .icon-text,
  
#Gain .each-icon:hover .icon-wrap {
    

	visibility: visible;
    
	opacity: 1;
  }
  

#Gain .each-icon .icon-wrap,
  
#Gain .each-icon .icon-text {
    position: static;
    transform: none;
  }
  
#Gain .each-icon .icon-text {
    padding-bottom: 20px;
  }
  
#Gain .each-icon .icon-wrap {
    padding-top: 16px;
  }
  
#Gain .each-icon .icon-wrap i {
    font-size: 50px;
  }
  
#Footer {
    padding: 40px 0;
  }
  
#Footer .footer-text p {
    font-size: 16px;
  }
  
#Footer .footer-text .email-box {
    padding-bottom: 40px;
  }
  
#Footer .footer-text .copy-right {
    margin-bottom: 25px;
  }
  
#Footer .footer-text .email-box label {
    font-size: 16px;
  }
  
#Footer .footer-text .copy-right p {
    text-align: center;
  }
  
#Footer .footer-text .social-share {
    text-align: center;
  }
  
#Footer .footer-text .social-share ul li {
    margin-right: 30px;
  }
  
#Footer .footer-text .social-share ul li:last-child {
    margin-right: 0;
  }
  
#Footer .footer-text .email-box input {
    width: 100%;
  }
  
#Footer .footer-text p.designed {
    text-align: center;
    margin-top: 15px;
  }
}




/*Mobile landscape view styles*/


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

}



/* Tablet Portrait view */


@media (min-width: 768px) and (max-width: 991px) {
  
#Header {
    padding: 10px 0 0;
  }
  
#Header .logo a i {
    font-size: 40px;
  }

#Gain .title h3 {
    font-size: 28px;
  }
 
#Gain .each-icon {
    min-height: 310px;
  }
  
#Gain .each-icon.box-1,
  
#Gain .each-icon.box-2 {
    margin-bottom: 30px;
  }
  
#Gain .each-icon .icon-text,
  
#Gain .each-icon:hover .icon-wrap {
    visibility: visible;
    opacity: 1;
  }
  
#Gain .each-icon .icon-wrap,
  
#Gain .each-icon .icon-text {
    position: static;
    transform: none;
  }
  
#Gain .each-icon .icon-text {
    padding-bottom: 20px;
  }
  
#Gain .each-icon .icon-wrap {
    padding-top: 16px;
  }
  
#Gain .each-icon .icon-wrap i {
    font-size: 50px;
  }
  

#Footer {
    padding: 45px 0 30px;
  }
  
#Footer .footer-text .email-box {
    padding-bottom: 70px;
  }
}




/*Tablet Landscape*/


@media (min-width: 992px) and (max-width: 1199px) {
  
#Gain .each-icon .icon-wrap i {
    font-size: 65px;
    padding-top: 15px;
  }
  
#Gain .each-icon .icon-text {
    padding: 8px 10px;
  }
  
#Gain .each-icon .icon-text,
  
#Gain .each-icon:hover .icon-wrap {
    visibility: visible;
    opacity: 1;
  }
  
#Gain .each-icon .icon-wrap,
  
#Gain .each-icon .icon-text {
    position: static;
    transform: none;
  }
 

#Footer {
    padding: 45px 0 30px;
  }
  
#Footer .footer-text .email-box {
    padding-bottom: 70px;
  }
}



@media (min-width: 1700px) {
  

}