@-webkit-keyframes move-origin {
0%{opacity:.2;-webkit-transform:scale(1)}
100%{opacity:1;-webkit-transform:scale(1.5)}
}
@-moz-keyframes move-origin {
0%{opacity:.2;-moz-transform:scale(1)}
100%{opacity:1;-moz-transform:scale(1.5)}
}
@-ms-keyframes move-origin {
0%{opacity:.2;-ms-transform:scale(1)}
100%{opacity:1;-ms-transform:scale(1.5)}
}
@keyframes move-origin {
0%{opacity:.2;transform:scale(1)}
100%{opacity:1;transform:scale(1.5)}
}
@-webkit-keyframes move-origin1 {
0%{opacity:1;-webkit-transform:scale(1.5)}
100%{opacity:.2;-webkit-transform:scale(1)}
}
@-moz-keyframes move-origin1 {
0%{opacity:1;-moz-transform:scale(1.5)}
100%{opacity:.2;-moz-transform:scale(1)}
}
@-ms-keyframes move-origin1 {
0%{opacity:1;-ms-transform:scale(1.5)}
100%{opacity:.2;-ms-transform:scale(1)}
}
@keyframes move-origin1 {
0%{opacity:1;transform:scale(1.5)}
100%{opacity:.2;transform:scale(1)}
}
@media only screen and (min-width: 980px) and (max-width: 1199px) {
.container{width:930px}
.tagline p{width:80%}
.contact-box .text{width:80%}
.portfolio-detail .h-text{font-size:18px}
.portfolio-detail{padding:20px}
}
@-webkit-keyframes move-origin {
0%{opacity:.2;-webkit-transform:scale(1)}
100%{opacity:1;-webkit-transform:scale(1.4)}
}
@-moz-keyframes move-origin {
0%{opacity:.2;-moz-transform:scale(1)}
100%{opacity:1;-moz-transform:scale(1.4)}
}
@-ms-keyframes move-origin {
0%{opacity:.2;-ms-transform:scale(1)}
100%{opacity:1;-ms-transform:scale(1.4)}
}
@keyframes move-origin {
0%{opacity:.2;transform:scale(1)}
100%{opacity:1;transform:scale(1.4)}
}
@-webkit-keyframes move-origin1 {
0%{opacity:1;-webkit-transform:scale(1.4)}
100%{opacity:.2;-webkit-transform:scale(1)}
}
@-moz-keyframes move-origin1 {
0%{opacity:1;-moz-transform:scale(1.4)}
100%{opacity:.2;-moz-transform:scale(1)}
}
@-ms-keyframes move-origin1 {
0%{opacity:1;-ms-transform:scale(1.4)}
100%{opacity:.2;-ms-transform:scale(1)}
}
@keyframes move-origin1 {
0%{opacity:1;transform:scale(1.4)}
100%{opacity:.2;transform:scale(1)}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.container{width:715px}
.title-wrapper{margin-bottom:50px}
.logo{margin-bottom:40px}
.logo .logo-wrp{width:250px}
.tagline h1{font-size:42px}
.tagline p{width:80%}
.social-icon{margin-top:40px}
.copyrights{bottom:-40px}
.measure-box{width:90%}
.dash{min-width:117px}
.dash .digit{font-size:70px}
.contact-box .text{width:75%;padding:0 15px}
.team-box{width:70%;margin:auto}
.portfolio-box{max-width:700px}
.portfolio-detail .h-text{font-size:16px}
.portfolio-detail p{font-size:10px}
.portfolio-detail{padding:20px}
.portfolio-carousel .carousel-btn .btn{width:60px}
.portfolio-carousel .carousel-btn .btn i{font-size:50px}
}
@-webkit-keyframes move-origin {
0%{opacity:.2;-webkit-transform:scale(1)}
100%{opacity:1;-webkit-transform:scale(1.3)}
}
@-moz-keyframes move-origin {
0%{opacity:.2;-moz-transform:scale(1)}
100%{opacity:1;-moz-transform:scale(1.3)}
}
@-ms-keyframes move-origin {
0%{opacity:.2;-ms-transform:scale(1)}
100%{opacity:1;-ms-transform:scale(1.3)}
}
@keyframes move-origin {
0%{opacity:.2;transform:scale(1)}
100%{opacity:1;transform:scale(1.3)}
}
@-webkit-keyframes move-origin1 {
0%{opacity:1;-webkit-transform:scale(1.3)}
100%{opacity:.2;-webkit-transform:scale(1)}
}
@-moz-keyframes move-origin1 {
0%{opacity:1;-moz-transform:scale(1.3)}
100%{opacity:.2;-moz-transform:scale(1)}
}
@-ms-keyframes move-origin1 {
0%{opacity:1;-ms-transform:scale(1.3)}
100%{opacity:.2;-ms-transform:scale(1)}
}
@keyframes move-origin1 {
0%{opacity:1;transform:scale(1.3)}
100%{opacity:.2;transform:scale(1)}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.container{width:550px}
.title-wrapper{margin-bottom:40px}
.logo{margin-bottom:40px}
.logo .logo-wrp{width:200px}
.tagline h1{font-size:42px}
.tagline p{width:80%}
.social-icon{margin-top:40px}
.copyrights{bottom:-40px}
.measure-box{width:90%}
.dash{min-width:117px;padding:20px 20px 34px}
.dash .digit{font-size:50px;min-width:30px}
.contact-box .text{width:75%;padding:0 15px}
.portfolio-detail .h-text{font-size:18px}
.portfolio-detail{padding:20px}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
.container{width:430px}
.title-wrapper{margin-bottom:40px}
.title-wrapper p{width:100%;font-size:18px}
.cd-nav-trigger{top:10px;right:10px}
.logo{margin-bottom:40px}
.logo .logo-wrp{width:200px}
.tagline h1{font-size:40px}
.tagline p{width:100%;font-size:18px}
.subscribe{width:auto}
.social-icon{margin-top:40px}
.copyrights{bottom:-40px}
.measure-box{width:90%}
.dash{min-width:90px;padding:20px 10px 34px}
.dash .digit{font-size:40px;min-width:25px}
.contact-box .text{width:75%;padding:0 15px}
.portfolio-detail .h-text{font-size:16px}
.portfolio-detail{padding:15px}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.container{width:95%}
.title-wrapper{margin-bottom:30px}
.title-wrapper .title{font-size:28px;letter-spacing:3px}
.title-wrapper.sub .title{font-size:20px}
.title-wrapper .line{margin-top:15px}
.title-wrapper p{width:100%;font-size:16px}
.cd-nav-container{width:100%}
.cd-nav-trigger{top:10px;right:10px}
.cd-nav-container .nav-header{height:50px}
.cd-close-nav::after,.cd-close-nav::before{width:26px}
.cd-nav li{height:100px;min-height:100px}
.link-box .icon{width:35px;height:35px;margin-bottom:8px}
.link-box .icon i{font-size:30px}
.link-box .text{font-size:14px;letter-spacing:2px}
.logo{margin-bottom:30px}
.logo .logo-wrp{width:240px}
.tagline{margin-bottom:30px}
.tagline h1{font-size:28px;margin-bottom:20px}
.tagline p{width:100%;font-size:16px}
.subscribe{width:auto}
.subscribe .icon{top:-3px}
.subscribe .icon i{font-size:28px}
.subscribe .form-control{font-size:18px}
.subscribe .form-control::-webkit-input-placeholder{font-size:16px}
.subscribe .form-control:-moz-placeholder{font-size:16px}
.subscribe .form-control::-moz-placeholder{font-size:16px}
.subscribe .form-control:-ms-input-placeholder{font-size:16px}
.social-icon{margin-top:40px}
.social-icon .icon{width:30px;height:30px}
.copyrights{position:inherit;bottom:0;margin-top:20px}
.measure-box{width:90%}
.dash{width:48.3%;min-width:0;float:left;padding:20px 10px 34px}
.dash .digit{font-size:40px;min-width:25px}
.contact-box .text{width:75%;padding:0 15px}
.portfolio-detail .h-text{font-size:16px}
.portfolio-detail{padding:15px}
.port-detail .tools .tool{width:60px;height:75px}
.port-detail .tools .tool i{font-size:24px}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.cd-section.vhm > .vhm-item{position:absolute;top:0;width:100%;left:0;-ms-transform:none;-webkit-transform:none;-moz-transform:none;transform:none;padding:100px 0 80px}
.abt-img-wrp{margin-bottom:30px}
.contact-form .input-area{margin-bottom:15px}
.contact-box-wrp{margin-bottom:30px}
.contact-box{margin-bottom:10px}
#ajax-page.port-full{height:auto}
.portfolio-carousel{overflow:visible}
.portfolio-carousel,.portfolio-carousel .carousel,.portfolio-carousel .owl-carousel{position:initial}
.portfolio-carousel .owl-carousel .owl-stage-outer{height:initial!important;transform:none;top:initial;padding:0}
.portfolio-carousel .carousel-btn .btn{position:relative;top:inherit;margin-top:0;height:50px;width:50px;background-color:transparent}
.portfolio-carousel .carousel-btn .btn i{font-size:30px}
.portfolio-carousel .carousel-btn .prev{left:2.5px}
.portfolio-carousel .carousel-btn .next{right:2.5px}
}
@-webkit-keyframes move-origin {
0%{opacity:.2;-webkit-transform:scale(1)}
100%{opacity:1;-webkit-transform:scale(1)}
}
@-moz-keyframes move-origin {
0%{opacity:.2;-moz-transform:scale(1)}
100%{opacity:1;-moz-transform:scale(1)}
}
@-ms-keyframes move-origin {
0%{opacity:.2;-ms-transform:scale(1)}
100%{opacity:1;-ms-transform:scale(1)}
}
@keyframes move-origin {
0%{opacity:.2;transform:scale(1)}
100%{opacity:1;transform:scale(1)}
}
@-webkit-keyframes move-origin1 {
0%{opacity:1;-webkit-transform:scale(1)}
100%{opacity:.2;-webkit-transform:scale(1)}
}
@-moz-keyframes move-origin1 {
0%{opacity:1;-moz-transform:scale(1)}
100%{opacity:.2;-moz-transform:scale(1)}
}
@-ms-keyframes move-origin1 {
0%{opacity:1;-ms-transform:scale(1)}
100%{opacity:.2;-ms-transform:scale(1)}
}
@keyframes move-origin1 {
0%{opacity:1;transform:scale(1)}
100%{opacity:.2;transform:scale(1)}
}