| Server IP : 104.21.38.3 / Your IP : 172.68.164.86 Web Server : Apache System : Linux krdc-ubuntu-s-2vcpu-4gb-amd-blr1-01.localdomain 5.15.0-142-generic #152-Ubuntu SMP Mon May 19 10:54:31 UTC 2025 x86_64 User : www ( 1000) PHP Version : 7.4.33 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /www/wwwroot/rangeofmotion.in/css/ |
Upload File : |
.flex-box{
float:none !important;
display:inline-block !important;
vertical-align:top;
text-align:left;
}
.col{
float:left;
}
.smd1{
width:100%;
}
.smd2{
width:50%;
}
.smd3{
width:33.33333333333333%;
}
.smd-3{
width:33%;
padding:20px;
}
.smd4{
width:25%;
}
.smd5{
width:20%;
}
.gutter{
padding:15px;
}
/*************/
.grid{
width:100%;
float:left;
margin:0;
padding:0;
list-style:none;
}
.grid ul {
padding:0;
margin: 0;
list-style:none;
width:100%;
float:left;
}
.grid li{
display:block;
margin:0;
float:left;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
/***************************************************************/
/*************HOVER EFFECT*******/
.hover-effect{
width:100%;
float:left;
position:relative;
overflow:hidden;
background-color:#000;
}
.hover-effect i{
width:50px;
height:50px;
background-color:#FFA192;
color:#fff;
position:absolute;
left:50%;
top:-100px;
z-index:1;
line-height:50px;
text-align:center;
margin:0 0 0 -25px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.hover-effect:hover i{
top:50%;
margin:-25px 0 0 -25px;
}
.hover-effect:hover i:hover{
background-color:#000;
}
.hover-effect img {
display:block;
-moz-transition: all 7s ease;
-o-transition: all 7s ease;
-webkit-transition: all 7s ease;
transition: all 7s ease;
width:100%;
}
.hover-effect:hover img {
-moz-transform: scale(1.5, 1.5);
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
.hover-effect:after {
background:#FFF;
width:0;
height: 0;
position: absolute;
left: 50%;
bottom: 50%;
content: '';
opacity: 0.7;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.hover-effect:hover:after {
opacity: 0.1;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
}
/***********************640 px *************************************/
@media only screen and (max-width: 800px) {
.smd2, .smd3, .smd4,.smd5 {
width:100%;
}
.smd4{
width:100%;
}
.smd-3{
width:100%;
padding:20px;
}
}